本文介绍如何快速跑通 IM Demo 来体验消息发送功能。
会话列表 | 聊天页面 |
![]() | ![]() |
关键概念
针对用户不同场景的诉求和体积要求,我们推出了多个版本的 UI 组件 ,您可以根据实际业务需求选择集成最适合的版本。
前提条件
开通服务

开发环境要求
HBuilderX 需要升级到最新版本
TypeScript / JavaScript (TUIKit 使用 ts 语言开发,支持在 js 或者 ts 项目中集成)
Vue2/Vue3
sass(sass-loader 版本 ≤ 10.1.1)
node(12.13.0 ≤ node,推荐使用 Node.js 官方 LTS 版本 16.17.0)
npm(版本请与 node 版本匹配)
操作步骤
步骤1:获取 Demo
1. 打开终端,克隆仓库。
2. 安装依赖。
cd ./Miniprogram/standard-vue3
cd ./Miniprogram/standard-vue2
npm install
步骤2:配置 Demo
打开 debug/GenerateTestUserSig-es.js 文件,将开通服务时获取到对应的 SDKAppID 和 SDKSecretKey 填入其中。

步骤3:跑通 Demo
1. HBuilder 中导入项目。

2. 运行到微信开发者工具,勾选运行时是否压缩代码。

发送第一条消息
注意:
尽量避免使您的 userId 被设置成“1”、“123”、“111”等简单字符串。

Debug 脚本的作用
出于体积和安全双重因素考虑,请在发布前删除项目目录下
/TUIKit/debug 文件夹。在开发阶段为了方便开发,项目提供生成本地 UserSig 的脚本文件存放于 TUIKit/debug 文件夹中,但这并不安全,该方法中 SECRETKEY 很容易被反编译逆向破解,一旦您的密钥泄露,攻击者就可以盗用您的腾讯云流量,因此该方法仅适合本地跑通 Demo 和功能调试。因此,请在项目发布前删除 Debug 脚本,使用后台生成 UserSig,具体原因和操作步骤请参考文档:生成 UserSig。
