TUIKit 介绍
TUIKit 是基于腾讯云 IM SDK 的一款 UI 组件库,它提供了一些通用的 UI 组件,包含会话、聊天、关系链、群组、音视频通话等功能。
基于 UI 组件您可以像搭积木一样快速搭建起自己的业务逻辑。
TUIKit 中的组件在实现 UI 功能的同时,会调用 IM SDK 相应的接口实现 IM 相关逻辑和数据的处理,因而开发者在使用 TUIKit 时只需关注自身业务或个性化扩展即可。
TUIKit 主要功能介绍
TUIKit 主要分为 TUIChat、TUIConversation、TUIGroup、TUIContact、TUISearch 几个 UI 子组件,每个 UI 组件负责展示不同的内容。
TUIKit Web 端界面效果如下图所示:
![](https://qcloudimg.tencent-cloud.cn/image/document/3ff64866d5514cec145c78b5e5219834.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/3c604351c64d60436b8cfdef367c8dd7.png)
TUIChat 重点功能介绍
TUIChat 主要负责消息界面的展示。您可以利用它直接发送不同类型的消息,支持文字/表情/图片/视频/文件/自定义等消息类型,同时您还可以利用它对消息长按进行转发/撤回/引用、查询消息已读回执详情等。TUIChat Web 端界面效果如下图所示:
消息界面 | 消息引用/撤回/转发 |
![]() | ![]() |
消息快捷操作 | 消息已读回执 |
![]() | ![]() |
说明:
为尊重表情设计版权,IM Demo/TUIKit 工程中不包含大表情元素切图,正式上线商用前请您替换为自己设计或拥有版权的其他表情包。下图所示默认的小黄脸表情包版权归腾讯云所有,可有偿授权使用,如需获得授权可 提交工单 联系我们。
![](https://qcloudimg.tencent-cloud.cn/image/document/664c0569bbfab054d6f98bfb25a1864d.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/664c0569bbfab054d6f98bfb25a1864d.png)
TUIConversation 重点功能介绍
TUIConversation 主要负责会话列表的展示和编辑,包括会话置顶、会话消息免打扰、会话删除等功能。TUIConversation Web 端界面效果如下图所示:
会话菜单 | 在线状态 |
![]() | ![]() |
TUISearch 重点功能介绍
自 @tencentcloud/chat-uikit-vue v2.0.0 起,Vue2 & Vue3 版本 TUISearch 支持 消息云端搜索 功能。
全局搜索 | 会话内搜索 |
![]() | ![]() |
TUIGroup 重点功能介绍
TUIGroup 主要负责群资料、群成员、群组权限的管理。TUIGroup Web 端界面效果如下图所示:
群资料及管理 | 群成员管理 |
![]() | ![]() |
TUIContact 重点功能介绍
TUIContact 主要负责联系人的展示、权限设置等。TUIContact Web 端界面效果如下图所示:
![](https://qcloudimg.tencent-cloud.cn/image/document/d2be6072576c47455d23c7e1d8a3a36f.png)
TUICallKit 重点功能介绍
TUICallKit 主要负责音视频通话功能。TUICallKit Web 端界面效果如下图所示:
音视频通话 | 通话悬浮窗 |
![]() | ![]() |
TUIRoomKit 重点功能介绍
TUIRoomKit 主要负责多人音视频,产品功能展示如下图:
![](https://qcloudimg.tencent-cloud.cn/image/document/e15bffc06e3c93c27d05a936b0f6eccc.png)