File size: 1,656 Bytes
4366b4f
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
e303c31
4366b4f
 
e303c31
4366b4f
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!DOCTYPE html>
<html lang="zh-TW">
<head>
    <meta charset="UTF-8">
    <title>Gradio Client Demo</title>
</head>
<body>
    <h1>正在連接 Gradio 模型... 請查看瀏覽器控制台 (Console)</h1>
    
    <script type="module">
        // 1. 引入 Gradio Client
        import { Client } from "https://cdn.jsdelivr.net/npm/@gradio/client/dist/index.min.js";

        async function runGradioClient() {
            try {
                console.log("嘗試連接 Gradio 服務...");
                
                // 2. 連接到 Gradio 服務
                const client = await Client.connect("amd/qwen3-30b-a3b-mi-amd");
                console.log("連接成功!正在發送預測請求...");

                // 3. 發送預測請求
                const result = await client.predict("/chat", { 		
                    message: "Hello!!", 		
                    param_2: "You are a friendly AI assistant.", // 這裡我把 param_2 調整成了更像系統提示的內容
                    param_3: 0.1, 		
                    param_4: -2, 		
                    param_5: -2, 
                });

                // 4. 顯示結果
                console.log("✅ 預測結果 (Result Data):");
                console.log(result.data);
                
                const outputElement = document.createElement('pre');
                outputElement.textContent = JSON.stringify(result.data, null, 2);
                document.body.appendChild(outputElement);

            } catch (error) {
                console.error("❌ 發生錯誤:", error);
            }
        }

        runGradioClient();
    </script>
</body>
</html>