Web使用指南

通过阅读本文,您可以了解如何在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

  1. 源码下载后,进入React目录。

  2. React目录下,执行npm install,安装依赖。

  3. 打开文件 src/runConfig.ts,修改服务端域名和消息通话AgentId(如果需要使用消息通话能力)。

    // src/runConfig.ts
    const runConfig: AICallRunConfig = {
      appServer: '您的应用服务器地址',
      chatAgentId: '您的消息通话智能体id',
      // callTemplateConfig: callTemplateConfig,
    };
  4. 执行命令npm run dev,启动本地服务。