【TUICallKit】【uniapp小程序】全局监听(主包方案)
程序 方案 监听 全局 uniapp
2023-06-13 09:16:45 时间
环境准备
【 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 /e
构建npm
微信开发者工具创建的小程序不会默认创建 package.json 文件,因此您需要先创建 package.json 文件。新建终端,如下:
执行 npm init 命令生成 package.json 文件。
npm init -y
npm i tuicall-engine-wx
微信开发者工具 工具 > 构建 npm。构建 npm 后目录如下(多了 miniprogram_npm):
1.注册页面
在 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()
在退出登录时,卸载全局监听,防止重复监听
相关文章
- 打破平台限制,小程序如何在硬件设备上运行?
- 微信小程序 轮播图自定义光标的位置
- 关于羊了个羊程序代码小程序H5源码部署讲解方案
- 用小程序来实现扫码登录
- H5/小程序小游戏合成游戏系统开发解析方案
- 【TUICallKit】小程序全局监听(主包方案)
- 【TUICallKit】小程序全局监听(分包方案)
- Scratch3.0——助力新进程序员理解程序(案例五、自制积木-五角星函数)
- Go语言宕机恢复(recover)——防止程序崩溃
- 程序Linux系统安装硬盘驱动程序指南(linux安装硬盘驱动)
- Linux程序:探索路径之旅(linux程序路径)
- 探索Linux的程序世界之旅(查看linux的程序)
- Oracle程序块: 一种复杂实现的简洁之道(oracle程序块)
- 程序Linux下运行32位程序的方法(linux运行32位)
- Linux蓝牙程序的使用方法及注意事项(linux蓝牙程序)
- 存储过程实现idea程序调用oracle存储过程的方案(idea调用oracle)
- 放入程序在Oracle中实现SQL语句转存程序的简易方法(oracle中怎样把语句)
- asp分页生成html的程序脚本代码
- 用C#实现启动另一程序的方法实例