环境准备
【 TUICallKit 】版本须大于或等于 1.2.5
升级【 TUICallKit 】 SDK
npm i @tencentcloud/call-uikit-wechat- macOS 端
mkdir -p ./wxcomponents/TUICallKit && cp -r node_modules/@tencentcloud/call-uikit-wechat/ ./wxcomponents/TUICallKit- windows 端
xcopy node_modules\@tencentcloud\call-uikit-wechat .\wxcomponents\TUICallKit /i /e1.注册页面
在 pages.json 文件 注册全局监听页面
"pages": [
{
"path": "wxcomponents/TUICallKit/TUICallKit/pages/globalCall/globalCall_uni",
"style": {
"navigationBarTitleText": "uni-app",
"usingComponents": {
"tuicallkit": "/wxcomponents/TUICallKit/TUICallKit/TUICallKit"
}
}
}
],2. 实例化 callManager
1.在 app.vue onLaunch 生命周期中实例化 callManager
const { CallManager } = require ('./wxcomponents/TUICallKit/TUICallKit/serve/callManager');
wx.CallManager = new CallManager();3 触发全局监听
wx.CallManager.init({
sdkAppID: 123456, // 替换为用户自己的 sdkAppID
userID: '123', // 替换为用户自己的 userID
userSig: 'xxxxxxx', // 替换为用户自己的 userSig
globalCallPagePath: 'wxcomponents/TUICallKit/TUICallKit/pages/globalCall/globalCall_uni', // 替换为步骤一里注册的全局监听页面
});参数 | 类型 | 说明 | 是否必传 |
|---|---|---|---|
sdkAppID | String | IM 的应用 ID | 是 |
userId | String | 当前用户的 ID | 是 |
userSig | String | 鉴权的票据 | 是 |
globalCallPagePath | String | 注册的全局监听页面 | 是 |
tim | ChatSDK | TIM 实例 | 否 |
推荐在登录成功后触发全局监听
卸载全局监听
wx.CallManager.destroyed()
wx.$TUICallEngine.destroyInstance()在退出登录时，卸载全局监听，防止重复监听
加载中,请稍侯......
网友评论