Files
xj-admin/iweb
weixin 687fb37beb update
1.更换变量,修改外链打包后不生效问题
2026-03-12 16:10:15 +08:00
..
2025-06-27 17:42:38 +08:00
2026-03-12 16:10:15 +08:00
2025-06-27 17:42:38 +08:00
2025-11-11 16:43:21 +08:00
2025-06-27 17:42:38 +08:00
2025-06-27 17:42:38 +08:00
2025-06-27 17:42:38 +08:00
2025-06-27 17:42:38 +08:00
2025-06-27 17:42:38 +08:00
2025-06-27 17:42:38 +08:00
2025-11-11 16:43:21 +08:00
2025-06-27 17:42:38 +08:00
2025-06-27 17:42:38 +08:00
2025-11-11 16:43:21 +08:00
2025-06-27 17:42:38 +08:00

关于腾讯云即时通信 IM

腾讯云即时通信(Instant MessagingIM)基于 QQ 底层 IM 能力开发,仅需植入 SDK 即可轻松集成聊天、会话、群组、资料管理能力,帮助您实现文字、图片、短语音、短视频等富媒体消息收发,全面满足通信需要。

关于 chat-uikit-vue

chat-uikit-vue 是基于腾讯云 Web IM SDK 的一款 VUE UI 组件库,它提供了一些通用的 UI 组件,包含会话、聊天、音视频通话、关系链、资料、群组等功能。基于 UI 组件您可以像搭积木一样快速搭建起自己的业务逻辑。 chat-uikit-vue 中的组件在实现 UI 功能的同时,会调用 IM SDK 相应的接口实现 IM 相关逻辑和数据的处理,因而开发者在使用 chat-uikit-vue 时只需关注自身业务或个性化扩展即可。 chat-uikit-vue Web 端 和 H5 端界面效果如下图所示:

page02 page00

本文介绍如何快速跑通腾讯云 Web IM SDK 的 VUE UI 组件库官方 DEMO。

快速跑通 Demo

步骤 1:下载 Demo 源码并安装相关依赖

通过 git clone 方式下载 Demo。

# 项目根目录命令行执行
git clone https://github.com/TencentCloud/chat-uikit-vue.git

# 进入 Demo
cd chat-uikit-vue/Demo

# 安装 Demo 依赖
npm i --legacy-peer-deps

步骤 2:获取 SDKAppID 与 secretKey

设置 main.ts 文件示例代码中的相关参数 SDKAppID 与 secretKey 。 SDKAppID 和 secretKey 等信息,可通过 即时通信 IM 控制台 获取,单击目标应用卡片,进入应用的基础配置页面。例如:
image

步骤 3:启动项目

在 Demo 文件夹目录执行:

npm run serve

相关链接

相关文档