Uniapp集成腾讯IM+音视频通话
创始人
2024-03-31 07:42:20
0

腾讯IM(包含界面)源码下载相关配置

传送门:https://cloud.tencent.com/document/product/269/36887
在这里插入图片描述传送门:https://github.com/TencentCloud/TIMSDK/tree/master/uni-app
在这里插入图片描述vue2 vue3都可 笔者用的vue2
在这里插入图片描述解压文件 拖到编辑器
在这里插入图片描述#项目右键 在命令行窗口打开 安装依赖
npm install

传送门:https://cloud.tencent.com/document/product/269/64506
设置 GenerateTestUserSig 文件中的相关参数。

找到并打开 debug/GenerateTestUserSig.js 文件。
设置 GenerateTestUserSig.js 文件中的相关参数。SDKAPPID:默认为0,请设置为实际的 SDKAppID。SECRETKEY:默认为空字符串,请设置为实际的密钥信息。

在这里插入图片描述

在这里插入图片描述注意:

本文提到的生成 UserSig 的方案是在客户端代码中配置 SECRETKEY,该方法中 SECRETKEY 很容易被反编译逆向破解,一旦您的密钥泄露,攻击者就可以盗用您的腾讯云流量,因此该方法仅适合本地跑通 uni-app 和功能调试。
正确的 UserSig 签发方式是将 UserSig 的计算代码集成到您的服务端,并提供面向 App 的接口,在需要 UserSig 时由您的 App 向业务服务器发起请求获取动态 UserSig。更多详情请参见 服务端生成 UserSig。

运行就可以了

集成音视频通话插件

在这里插入图片描述TUICalling插件会升级为TUICallKit插件,原有的TUICalling插件后续不再进行需求更新,同时也不再提供云端打包集成,建议有需求的开发者可以使用我们新的 TUICallKit 插件
传送门:添加链接描述
在这里插入图片描述传送门:添加链接描述
在这里插入图片描述
在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述首先需要通过 uni.requireNativePlugin(“ModuleName”) 获取 module
const TUICallKit = uni.requireNativePlugin(‘TencentCloud-TUICallKit’);

分析源码——————————————:

在这里插入图片描述// 将原生插件挂载在 uni 上 // #ifdef APP-PLUS uni.$TUICallKit = TUICallKit; // #endif
在这里插入图片描述在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述替换腾讯老项目源码 TUICalling 为 TUICallKit

在这里插入图片描述

在这里插入图片描述在这里插入图片描述在这里插入图片描述

等待基座制作完毕…

在这里插入图片描述

选择自定义基座

在这里插入图片描述注意:一定要使用真机测试 浏览器不行 最好用两台手机互发消息
两台手机用数据线链接电脑

在这里插入图片描述演示视频:
https://www.bilibili.com/video/BV1oe41137yU/?share_source=copy_web&vd_source=e66c0e33402a09ca7ae1f0ed3d5ecf7c

相关内容

热门资讯

喜欢穿一身黑的男生性格(喜欢穿... 今天百科达人给各位分享喜欢穿一身黑的男生性格的知识,其中也会对喜欢穿一身黑衣服的男人人好相处吗进行解...
发春是什么意思(思春和发春是什... 本篇文章极速百科给大家谈谈发春是什么意思,以及思春和发春是什么意思对应的知识点,希望对各位有所帮助,...
网络用语zl是什么意思(zl是... 今天给各位分享网络用语zl是什么意思的知识,其中也会对zl是啥意思是什么网络用语进行解释,如果能碰巧...
为什么酷狗音乐自己唱的歌不能下... 本篇文章极速百科小编给大家谈谈为什么酷狗音乐自己唱的歌不能下载到本地?,以及为什么酷狗下载的歌曲不是...
家里可以做假山养金鱼吗(假山能... 今天百科达人给各位分享家里可以做假山养金鱼吗的知识,其中也会对假山能放鱼缸里吗进行解释,如果能碰巧解...
华为下载未安装的文件去哪找(华... 今天百科达人给各位分享华为下载未安装的文件去哪找的知识,其中也会对华为下载未安装的文件去哪找到进行解...
四分五裂是什么生肖什么动物(四... 本篇文章极速百科小编给大家谈谈四分五裂是什么生肖什么动物,以及四分五裂打一生肖是什么对应的知识点,希...
怎么往应用助手里添加应用(应用... 今天百科达人给各位分享怎么往应用助手里添加应用的知识,其中也会对应用助手怎么添加微信进行解释,如果能...
客厅放八骏马摆件可以吗(家里摆... 今天给各位分享客厅放八骏马摆件可以吗的知识,其中也会对家里摆八骏马摆件好吗进行解释,如果能碰巧解决你...
苏州离哪个飞机场近(苏州离哪个... 本篇文章极速百科小编给大家谈谈苏州离哪个飞机场近,以及苏州离哪个飞机场近点对应的知识点,希望对各位有...