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 的创新方式为客户服务。腾讯云音视频为全真互联网时代,提供坚实的数字化助力。

文章来源于腾讯云开发者社区,点击查看原文