Web--实时音视频-火山引擎

文档中心

导航

Web

最近更新时间：2024.01.18 20:10:07首次发布时间：2023.08.07 19:33:49

快速开始 Demo 是火山引擎 IM 提供的基本即时通讯 IM 功能的开源示例工程文件。获取该工程文件后，你可以快速构建应用，感受即时通讯 IM 功能；也能通过阅读代码，了解基本即时通讯 IM 的最佳实践。

应用使用说明

使用该项目构建应用后，你可以使用该应用进行 IM 消息的即时发送与接收。你和你的同事必须使用同一个 AppID，才能实现消息的收发，不同的 AppID 之间无法实现互通。

前提条件

根据开通服务获取 AppID
node（推荐使用 Node.js 官方 LTS 版本 18）
IM 快速开始 Demo 工程文件，你可以通过 ZIP 包或 GitHub 仓库获取

操作步骤

步骤 1：配置 Demo 工程文件

使用任意的编辑器，编辑 Web Demo 项目 src/constant/index.ts，修改 APP_ID 为自己应用的值。

如需体验海外环境，还需将 IS_OVERSEA 设为 true，demo 会自动连接到海外端点。

步骤 2：编译运行

在 Web Demo 项目根目录，运行 npm install 安装开发依赖。
安装依赖后，运行 npm run start 启动开发服务。
启动完成后，开发服务会自动拉起浏览器访问 http://localhost:5000/rtc/solution/im，如无跳转可自己手动开启页面。

步骤 3：使用软件

打开页面后，需要输入用户 ID 和用户 Token 用于登录 IM 系统，临时 Token 可通过控制台生成

alt

输入完成后点击登录，即可进入到聊天页面体验。

常见问题

Demo 运行后提示配置 APP_ID。
解决方法：按照前文步骤 1：配置 Demo 工程文件配置 APP_ID。

Demo 运行后提示初始化失败。
解决方法：按照提示检查 SDK 配置和登录时填入的 Token，并尝试清空浏览器存储后重新访问。