You need to enable JavaScript to run this app.
导航
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:编译运行

  1. 在 Web Demo 项目根目录,运行 npm install 安装开发依赖。

  2. 安装依赖后,运行 npm run start 启动开发服务。

  3. 启动完成后,开发服务会自动拉起浏览器访问 http://localhost:5000/rtc/solution/im,如无跳转可自己手动开启页面。

步骤 3:使用软件

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

alt

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

常见问题

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

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