即时通信 IM 开发指引

即时通信 IM 提供了丰富的 UI 组件库,包括以聊天互动为主的 TUIKit,以及与实时音视频协同实现的 TUICallKit。使用 UI 组件库,可以以快速集成,省去繁琐的 UI 开发。

相关产品
即时通信 IM 产品页,含版本规格、价格与购买入口。

IM 还支持多种功能,例如:云端审核、在线/离线推送一体化方案、智能客服、各种应用插件等。

你可以通过下图大概了解 IM 及其衍生的能力:

如果你是首次接入即时通信 IM,我们推荐:

1. 如果你需要 UI,可选择与你业务接近的场景化 UI 组件快速上手,也就是上图中的 TUIKit、TUICallKit 以及 TUIRoomKit 等。

2. 如果你已自行实现 UI,只需要 IM 能力,可以仅集成不含 UI 的 IM SDK。

3. 如果你需要推送相关功能,也可以单独集成 TIMPush。

下面为你依次讲解不同组件的接入步骤。

一、聊天互动(TUIKit)

TUIKit 是基于腾讯云 IM SDK 的一款 UI 组件库,它提供了一些通用的 UI 组件,包含会话、聊天、搜索、关系链、群组、音视频通话等功能。你可以像搭积木一样快速搭建起自己的业务逻辑。

以移动端为例,TUIKit 提供了 3 种风格的界面:

·经典版,类似微信界面风格。

·简约版,类似 WhatsApp 界面风格。

·RTL 语言,支持阿拉伯语,从右至左阅读。

经典版简约版RTL语言

你可以先体验 Demo:

体验 Demo

如果想进一步了解代码结构,可以下载 Demo 源码,并本地运行:

下载 Demo 跑通 Demo

如果 TUIKit 满足你的需求,可以开始集成:

Android iOS Web(Vue3)
uniapp 小程序 uni-app Flutter
Unity Web (React) React Native

注意:说明:

注意:集成成功后,更多丰富功能可以探索文档:聊天互动(含 UI)。

二、视频通话(TUICallKit)

TUICallKit 是一款音视频通话 UI 组件,内部使用了 IM SDK 的信令、聊天、用户状态等功能。

以移动端为例,TUICallKit 主要功能如下:

你可以先体验 Demo:

体验 Demo

如果想进一步了解代码结构,可以下载 Demo 源码,并本地运行:

Android iOS Web
uni-app 小程序 Flutter

如果 TUICallKit 满足你的需求,可以开始集成:

Android iOS uni-app(客户端)
uni-app(H5) uni-app(小程序) Web&H5
原生小程序 Flutter 

注意:说明:

注意:集成成功后,更多丰富功能可以探索文档:视频通话(含 UI)。

三、多人会议(TUIRoomKit)

多人会议是一款定位企业会议、网络研讨会、在线教育等多人音视频会话场景的含 UI 低代码组件,内部使用了 IM SDK 的信令、聊天、用户状态等功能。

产品功能展示如下:

你可以先体验 Demo:

体验 Demo

如果想进一步了解代码结构,可以下载 Demo 源码,并本地运行:

Android iOS Web(Vue)
小程序 Flutter Electron(Vue)

如果 TUIRoomKit 满足你的需求,可以开始集成:

Android iOS uni-app(小程序)
Web&H5 Flutter Electron(PC)

注意:说明:

注意:集成成功后,更多丰富功能可以探索文档:多人会议(含 UI)。

四、推送服务(Push)

推送服务(Push)可一键集成,提供多种功能:

·普通消息推送功能,支持离线场景下聊天消息通知、音视频通话呼叫、信令等。

·全员/标签推送功能,帮助你将营销广告、通知、新闻资讯等推送给所有用户或指定群体。

·提供全链路排查工具、推送记录和各类型指标统计数据,方便查看推送触达率、点击率和转化率等。

注意:说明:

以移动端为例,推送服务(Push)主要功能如下:

普通消息推送全员/标签推送自定义跳转界面推送自定义样式

你需要先进行厂商配置:

Android iOS 微信小程序多端框架
uni-app Flutter React Native

再进行快速集成:

Android iOS 微信小程序多端框架
uni-app Flutter React Native

注意:说明:

注意:集成成功后,更多丰富功能可以探索文档:产品介绍。

五、智能客服(Desk)

智能客服(Desk),是基于生成式 AI 的一站式智能在线客服解决方案。通过提供三端平台(用户端、工作台、管理端),为四类角色(用户、员工、管理员、超级管理员),提供了两大核心能力(智能机器人、人工客服),支持两种接入方式(免开发、少量开发),致力于重塑客户互动,让每一次对话焕发智慧。

如果你想开箱即用,尽可能减少开发成本,可选择免开发的方式接入。

Web(前往智能客服管理端获取)

如果你希望根据业务需求更灵活地定制,可选择接入开源的含 UI 组件的用户端 UIKit。

Web uni-app 微信小程序
Flutter iOS Android

六、无 UI 集成

如果以上含 UI 产品不满足你的需求,你还可以直接集成不包含 UI 的 IM SDK。

集成过程非常简单,你只需要操作 2 步(初始化 SDK、登录 IM 账号)后,即可开始收发消息:

你需要先集成 IM SDK:

Android iOS Web&小程序&uni-app
Flutter Windows Mac
Unity Unreal Engine React Native
HarmonyOS 小程序多端框架(Donut) 

接下来按要求初始化 IM SDK:

Android&iOS&PC Web&小程序&uni-app Flutter
Unity React Native 

在使用 IM SDK 功能之前要登录账号:

Android&iOS&PC Web&小程序&uni-app Flutter
Unity React Native 

注意:说明:

注意:登录成功后,更多丰富功能可以探索文档:无 UI 集成。

赞 (0)
上一篇 4天前
下一篇 4天前