产品动态 | 小程序TUIKit：原生开发，1天集成在线客服、实时通话、互动直播...

2021年9月10日，腾讯云即时通信IM正式上线拥有三大应用场景的小程序 TUIKit ，我们旨在为企业提供方便快捷的接入方式，三大应用场景，只需要简单的接入，即可获得所想要的场景。

- 效果展示 -

- TUIkit 的优势 -

极速集成：低代码方案助您快速集成，一天即可完成；

原生 js 开发：大大削减了开发者熟悉第三方框架文档的时间，100%支持原生特性；

场景化开发：覆盖常用场景，组件化UI助您低代码快速实现所需场景（在线客服、实时通话、互动直播）；

开发成本低：节省大量资金、时间、人力、从而可以做好产品。

- TUIkit的三大场景 -

场景一：在线客服场景

提供了示例客服群+示例好友的基础模版，在线客服场景集成了1V1会话（包含了音视频通话功能）、群会话（支持创建、添加等操作）。 

场景二：实时通话场景

提供了语音通话和视频通话的基础功能体验，极简集成，灵活度高。

场景三：互动直播场景

支持弹幕、点赞、送礼等多种消息互动形式，打造良好的直播互动体验，提升用户使用粘性。

- 一分钟跑通 TUIKit -

步骤1：克隆仓库到本地；

# 命令行执行git clone https://github.com/tencentyun/TIMSDK.git # 进入小程序 TUIKit 项目cd TIMSDK/MiniProgram/TUIKit

步骤2：安装微信小程序开发者工具(https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html)；

步骤3：使用微信开发者工具导入项目，然后填入自己的小程序 AppID； 即时通信 IM 属于增值服务，详细计费规则请参见即时通信 IM 价格说明。(https://cloud.tencent.com/document/product/269/11673) 实时通话需要提前开通腾讯云实时音视频TRTC。(https://cloud.tencent.com/document/product/647/16788)

步骤4：配置 TUIKit 工程文件，填入您的应用信息：

• 找到并打开 TUIKit/miniprogram/debug/GenerateTestUserSig.js 文件。
• 设置 GenerateTestUserSig.js 文件中的相关参数：  SDKAPPID：默认为0，请设置为实际的 SDKAppID。 SECRETKEY：默认为空字符串，请设置为实际的密钥信息。

本文提到的生成 UserSig 的方案是在客户端代码中配置 SECRETKEY，该方法中 SECRETKEY 很容易被反编译逆向破解，一旦您的密钥泄露，攻击者就可以盗用您的腾讯云流量，因此该方法仅适合本地跑通 TUIKit 和功能调试。正确的 UserSig 签发方式是将 UserSig 的计算代码集成到您的服务端，并提供面向 App 的接口，在需要 UserSig 时由您的 App 向业务服务器发起请求获取动态 UserSig。更多详情请参见服务端生成 UserSig。(https://cloud.tencent.com/document/product/647/17275#Server)

步骤5：编译运行

• 打开微信开发者工具，选择【小程序】，单击新建图标，选择【导入项目】。
• 填写您微信小程序的 AppID，单击【导入】。 此处应输入您微信小程序的 AppID，而非 SDKAppID

• 单击【预览】，生成二维码，通过手机微信扫码二维码即可进入小程序。

- 常见问题 -

1. 小程序如果需要上线或者部署正式环境怎么办？

请在微信公众平台>开发>开发设置>服务器域名中进行域名配置。

将以下域名添加到request合法域名：

从v2.11.2起，SDK 支持了 WebSocket，WebSocket 版本须添加以下域名：

v2.10.2及以下版本，使用 HTTP，HTTP 版本须添加以下域名：

将以下域名添加到uploadFile合法域名：

将以下域名添加到downloadFile合法域名：

文档：

SDK API 手册：https://web.sdk.qcloud.com/im/doc/zh-cn/SDK.html

SDK 更新日志：https://cloud.tencent.com/document/product/269/38492

腾讯云音视频在音视频领域已有超过21年的技术积累，持续支持国内90%的音视频客户实现云上创新，独家具备 RT-ONE™ 全球网络，在此基础上，构建了业界最完整的 PaaS 产品家族，并以 All in One SDK 的创新方式为客户服务。腾讯云音视频为全真互联网时代，提供坚实的数字化助力。