• UIKit
  • SDK
  • 服务端 API
Chat/
UIKit/
Web/
UIKit
  • 界面库介绍
  • 快速集成
    • TUIKit
      • React
      • Vue
    • TUIChat
      • React
      • Vue
  • 功能
    • 表情回应
    • 已读回执
    • 对方正在输入
    • 用户在线状态
    • 消息搜索
    • 消息引用
    • 语音转文字
    • 文本消息翻译
  • 主题
    • 设置界面风格
      • Web
      • Mobile
  • 自定义
    • 自定义消息
    • 自定义表情
  • 本地化
  • 开发指引
  • 控制台指南
    • 创建和升级应用
    • 基本配置
    • 功能配置
    • 账号管理
    • 群组管理
    • 回调配置
  • 产品介绍
    • 消息管理
      • 单聊消息
      • 消息存储
      • 离线推送
      • 群消息
      • 消息格式
    • 账号系统
      • 登陆验证
      • 在线状态管理
    • 群相关
      • 群组系统
      • 群组管理
    • 用户资料和关系链
      • 资料管理
      • 关系链管理
  • 购买指南
    • 计费概述
    • 价格中心
  • 错误码

界面库介绍

TUIKit 介绍

TUIKit 是基于腾讯云 Chat SDK 的一款 UI 组件库,它提供了一些通用的 UI 组件,包含会话、聊天、关系链、群组、音视频通话等功能。 基于 UI 组件您可以像搭积木一样快速搭建起自己的业务逻辑。 TUIKit 中的组件在实现 UI 功能的同时,会调用 Chat SDK 相应的接口实现 Chat 相关逻辑和数据的处理,因而开发者在使用 TUIKit 时只需关注自身业务或个性化扩展即可。
在线 Demo 体验:Web Demo

TUIKit 组成

TUIKit 主要分为 TUIChat、TUIConversation、TUIProfile、TUIGroup 等模块。


TUIChat 重点功能介绍

TUIChat 主要负责消息界面的展示。您可以利用它直接发送不同类型的消息,支持文字/表情/图片/视频/文件/自定义等消息类型,同时支持消息转发/撤回/引用、查询、已读回执等功能。 TUIChat Web 端界面效果如下图所示:



TUIConversation 功能介绍

TUIConversation 主要负责会话列表的展示和编辑,包含会话置顶、会话删除等功能。 TUIConversation Web 端界面效果如下图所示:


TUIGroup 功能介绍

TUIGroup 主要负责群资料、群成员、群组权限的管理。 TUIGroup Web 端界面效果如下图所示:




TUIContact 重点功能介绍

TUIContact 主要负责关系链展示以及创建会话等操作。 TUIContact Web 端界面效果如下图所示:


TUIProfile 重点功能介绍

TUIProfile 主要负责用户资料的管理。 TUIProfile Web 端界面效果如下图所示: