这篇说说如何快速跑通 IM Demo 来体验文字、语音、视频等消息发送功能。
注意：推荐使用更高效的 AI 集成助手
注意：我们为你提供了全新的 AI 集成方式，如果你不需要完整的 Demo 工程, 只想快速开始集成，推荐你使用更高效的 AI 集成助手，只需要简单描述你的需求，即可自动生成集成代码，大幅提升开发效率。
注意：点击这里，立即体验 AI 集成
一、快速体验
在本地接入之前，我们构建了可供在线体验的 Demo。
二、开通服务
1. 登录 即时通信 IM 控制台，在应用管理页面，单击创建新应用。如果你已有应用，可省略创建应用过程。
2. 在应用管理页面的 SDKAppID 列获取 SDKAppID 和密钥信息。
获取 SDKAppID 和 SecretKey
3. 创建 2～3 个预设账号，用于体验单聊能力和群聊能力。
4. userSig 信息，可单击 即时通信 IM 控制台 > 开发工具 > UserSig 生成&校验，填写创建的 userID，即可生成 userSig。
三、开发环境要求
·React^18.2.0 || React^19.0.0
·TypeScript
·Node.js >= v18（推荐使用当前的稳定版本 LTS v22.x）
·npm（版本请与 Node.js 版本匹配）
·Git
四、获取 Demo
# Run the code in CLI$ git clone https://github.com/Tencent-RTC/TUIKit_React.git# Go to the project$ cd ./TUIKit_React/demos/rtcube-vite-react# Install dependencies of the demo and build chat-uikit-react$ npm install
五、运行 Demo
# Launch the project$ npm run dev
运行之后点击体验 Chat 功能卡片进入登录页，填入获取的 SDKAppID、userID、secretKey 后即可体验聊天功能。
六、体验单聊和群聊功能
登录完成后会自动跳转到 Chat 场景，可以体验聊天功能。
七、如何开通云端审核功能？
在消息发送、资料修改等场景中，可能会扩散不合适的内容，特别是与敏感事件/人物相关、黄色不良内容等令人反感的内容，不仅严重损害了用户的身心健康，还有可能违法并导致业务被监管部门查封。
即时通信 IM 支持云端审核（反垃圾信息）功能，可针对不安全、不适宜的内容进行自动识别、处理，为你的产品体验和业务安全保驾护航。你可直接前往 云端审核控制台 开通免费试用，规则详见 免费试用说明。
八、什么是 UserSig？
UserSig 是用户登录即时通信 IM 的密码，其本质是对 UserID 等信息加密后得到的密文。
九、如何生成 UserSig？
UserSig 签发方式是将 UserSig 的计算代码集成到你的服务端，并提供面向项目的接口，在需要 UserSig 时由你的项目向业务服务器发起请求获取动态 UserSig。更多详情请参见 服务端生成 UserSig。
注意：这篇示例代码采用的获取 UserSig 的方案是在客户端代码中配置 SECRETKEY，该方法中 SECRETKEY 很容易被反编译逆向破解，一旦你的密钥泄露，攻击者就可以盗用你的腾讯云流量，因此该方法仅适合本地跑通功能调试。 正确的 UserSig 签发方式请参见上文。
十、表情包的使用
为了尊重版权，IM Demo/TUIKit 工程中默认不包含大表情元素切图。在正式上线商用前，请你替换为自己设计或拥有版权的其他表情包。请注意，下图所示的默认小黄脸表情包版权属于腾讯云，你可以通过升级至 IM 企业版套餐 免费使用该表情包。
十一、相关文档
·chat-uikit-react npm
·UIKit 快速集成文档