这篇说说如何快速跑通 IM Demo 来体验文字、语音、视频等消息发送功能。
注意:推荐使用更高效的 AI 集成助手
注意:我们为你提供了全新的 AI 集成方式,如果你不需要完整的 Demo 工程, 只想快速开始集成,推荐你使用更高效的 AI 集成助手,只需要简单描述你的需求,即可自动生成集成代码,大幅提升开发效率。
注意:点击这里,立即体验 AI 集成
跑通后运行效果如下:
一、快速体验
在本地下载源码跑通 Demo 之前,可以在浏览器中快速访问我们提供的 已构建的示例项目。
二、开通服务
1. 登录 即时通信 IM 控制台。如果你已有应用,请记录其 SDKAppID 和密钥信息。
2. 在应用管理页面,单击创建新应用。
3. 输入应用名称、选择合适的数据中心,单击确定即可完成应用的创建。
4. 在应用管理页面的 SDKAppID 列获取 SDKAppID 和密钥信息。
5. 创建两个预设账号用于互相发送消息
三、环境准备
·Node.js v18 版本及以上,建议使用当前的 LTS v22 版本
四、获取 Demo
git clone https://github.com/Tencent-RTC/TUIKit_Vue3.git
五、安装并运行
cd TUIKit_Vue3/demos/rtcube-vite-vue3npm installnpm run dev
六、体验单聊和群聊功能
登录完成后会自动跳转到 Chat 场景,可以体验聊天功能。
七、相关文档
产品文档:
·集成聊天工具(Vue3)
·自定义组件 – UIKitProvider
·自定义组件 – ConversationList
·自定义组件 – MessageList
·自定义组件 – MessageInput
·自定义组件 – ChatSetting
·自定义组件 – ContactList
·自定义组件 – Search
npm 包:
·chat-uikit-vue3 npm
GitHub:
·GitHub Demo
八、表情包的使用
为了尊重版权,IM Demo/TUIKit 工程中默认不包含大表情元素切图。在正式上线商用前,请你替换为自己设计或拥有版权的其他表情包。请注意,下图所示的默认小黄脸表情包版权属于腾讯云,你可以通过升级至 IM 企业版套餐 免费使用该表情包。
九、技术支持:
如遇任何问题,可联系 页面售后 获得专业工程师支持。