开通腾讯云实时音视频服务

https://curl.qcloud.com/exHrRPbA

image.png
记录下两个信息:

  • SDKAppID
  • key

后续会使用这两个信息进行实时视频聊天

配置系统参数

image.png

添加文本类型的系统参数:

  • 参数名: trtc_secret
    1. {
    2. "sdkappid": "xxxxxxxxx",
    3. "key": "xxxxxx"
    4. }

小程序添加服务器域名

image.png

request合法域名,增加:
https://pingtas.qq.com
https://tcb-api.tencentcloudapi.com
https://webim.tim.qq.com

开启小程序实时音视频权限

image.png

如果这两个开关无法开启,请添加类目:

  • 工具 —> 视频客服

小程序代码改造

具体请参考 https://github.com/EastWorld/wechat-app-mall

app.js

  1. globalData: {
  2. sdkAppID: xxxxxxx
  3. }

添加组件

image.png

功能页面

image.png