通過閱讀本文，您可以瞭解如何在Web端接入AI即時互動應用。
說明
快速測試智能體，請參見一段代碼快速整合智能體。
源碼說明
源碼下載
下載地址請參見GitHub開源專案。
源碼結構
.
└── React
├── README.md
├── eslint.config.js
├── index.html // PC版入口
├── mobile.html // 手機版入口
├── package.json
├── src
│ ├── Mobile // 手機版UI實現
│ ├── PC // PC版UI實現
│ ├── common // 公用業務方法
│ ├── controller
│ ├── interface.ts
│ ├── runConfig.ts // 運行時配置
│ ├── service
│ └── vite-env.d.ts
├── tsconfig.app.json
├── tsconfig.json
└── vite.config.ts前提條件
已在您的服務端上開發了相關介面或直接部署提供的Server源碼，搭建步驟請參見專案部署。
跑通Demo
源碼下載後，進入React目錄。
在React目錄下，執行
npm install，安裝依賴。開啟檔案
src/runConfig.ts，修改應用伺服器位址和智能體Id（可以只修改需要使用的智能體類型的Id）。// src/runConfig.ts const runConfig: AICallRunConfig = { // 需要修改為您智能體所在的地區 // should be modified to region of your agent region: 'cn-shanghai', appServer: '您的應用伺服器位址', voiceAgentId: '您的語音通話智能體id', avatarAgentId: '您的數字人智能體id', visionAgentId: '您的視覺智能體id', // callTemplateConfig: callTemplateConfig, };地區名稱
Region Id
華東1（杭州）
cn-hangzhou
華東2（上海）
cn-shanghai
華北2（北京）
cn-beijing
華南1（深圳）
cn-shenzhen
新加坡
ap-southeast-1
執行命令
npm run dev，啟動本地服務。