Files
xj-admin/iweb
wanghao 6bb4b97ff4 feat(emergency): 实现急救宣教推送到 IM 会话功能
- 新增 FirstAidPush 组件:分类筛选 + 搜索 + 单条/一键推送
- IM 端切换会话时 postMessage 携带 orderId 通知父页面
- 父页面监听 sessionChanged 联动推送按钮与后端调用
- 推送调后端 push/send 记录状态 + IM postMessage 推卡片
- 资源管理正文改富文本编辑器,修批量操作重复提示
- 重建 iweb 产物
2026-06-24 17:23:36 +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-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

关于腾讯云即时通信 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

相关链接

相关文档