提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  其他

当前栏目

【TUICallKit】小程序全局监听（主包方案）

程序 方案 监听 全局
2023-06-13 09:16:32 时间

环境准备

【 TUICallKit 】版本须大于或等于 1.2.7

升级【 TUICallKit 】 SDK

npm i @tencentcloud/call-uikit-wechat
  • 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()

在退出登录时，卸载全局监听，防止重复监听

相关文章