加载中…

如何使用微信小程序视频客服功能?

# 开通腾讯云实时音视频服务 [https://curl.qcloud.com/exHrRPbA](https://curl.qcloud.com/exHrRPbA) ![](https://dcdn.it120.cc/yuque/0/2020/png/572726/1607480823155-cb4157a4-f425-49db-a14f-44a881aaff3b.png) 记录下两个信息: + SDKAppID + key 后续会使用这两个信息进行实时视频聊天 # 配置系统参数 ![](https://dcdn.it120.cc/yuque/0/2020/png/572726/1607481960332-824831e9-444d-4018-86f1-1ff1997e95c7.png) 添加文本类型的系统参数: + 参数名: trtc_secret ```json { "sdkappid": "xxxxxxxxx", "key": "xxxxxx" } ``` # 小程序添加服务器域名 ![](https://dcdn.it120.cc/yuque/0/2020/png/572726/1607482983685-1b908379-e702-431f-a845-e9a136866658.png) request合法域名,增加: [https://pingtas.qq.com](https://pingtas.qq.com) [https://tcb-api.tencentcloudapi.com](https://tcb-api.tencentcloudapi.com) [https://webim.tim.qq.com](https://webim.tim.qq.com)  # 开启小程序实时音视频权限 ![](https://dcdn.it120.cc/yuque/0/2020/png/572726/1607483059050-d3079ac3-0e7d-4c4d-8f6b-26957d630d24.png) 如果这两个开关无法开启,请添加类目: + 工具 --> 视频客服 # 小程序代码改造 具体请参考 [https://github.com/EastWorld/wechat-app-mall](https://github.com/EastWorld/wechat-app-mall) ## app.js ```javascript globalData: { sdkAppID: xxxxxxx } ``` ## 添加组件 ![](https://dcdn.it120.cc/yuque/0/2020/png/572726/1607483190939-b7516709-bba6-4758-9841-6c447c94099d.png) ## 功能页面 ![](https://dcdn.it120.cc/yuque/0/2020/png/572726/1607483223757-2baa2b47-6447-4cf1-8926-1b1586fc36b0.png)