【TUICallKit】小程序全局监听（主包方案）
原创【TUICallKit】小程序全局监听（主包方案）
原创
jonyttang
修改于 2023-09-07 11:14:33
修改于 2023-09-07 11:14:33
环境准备
【 TUICallKit 】版本须大于或等于 1.2.0
升级【 TUICallKit 】 SDK
npm i @tencentcloud/call-uikit-wechat@1.4.4- macOS 端
mkdir -p ./TUICallKit && cp -r node\_modules/@tencentcloud/call-uikit-wechat/ ./TUICallKit- windows 端
xcopy node_modules\@tencentcloud\call-uikit-wechat .\wxcomponents\TUICallKit /i /e执行完以上命令后，您的目录下生成 TUICallKit 文件夹，其中包含有 TUICallKit 组件。具体目录如下：
构建npm
微信开发者工具 工具 > 构建 npm。构建 npm 后目录如下（多了 miniprogram_npm）：
接入步骤
1.在 pages.json 注册页面全局监听页面
// 目标路径为 "TUICallKit/pages/globalCall/globalCall"
"pages": [
...
"TUICallKit/pages/globalCall/globalCall"
],2.在 app.js 中导入全局监听 callManager
import { CallManager } from './TUICallKit/serve/callManager';3.在 app.js onLaunch 生命周期中实例化 callManager
wx.CallManager = new CallManager();4.触发全局监听
wx.CallManager.init({
sdkAppID: 123456, // 替换为用户自己的 sdkAppID
userID: '123', // 替换为用户自己的 userID
userSig: 'xxxxxxx', // 替换为用户自己的 userSig
globalCallPagePath: 'TUICallKit/pages/globalCall/globalCall', // 替换为步骤一里注册的全局监听页面
});参数 | 类型 | 说明 | 是否必传 |
|---|---|---|---|
sdkAppID | String | IM 的应用 ID | 是 |
userId | String | 当前用户的 ID | 是 |
userSig | String | 鉴权的票据 | 是 |
globalCallPagePath | String | 注册的全局监听页面 | 是 |
tim | ChatSDK | TIM 实例 | 否 |
推荐在登录成功后触发全局监听
卸载全局监听
wx.CallManager.destroyed()在退出登录时，卸载全局监听，防止重复监听
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读