微信小程序_对接腾讯实时音视频_多人会议

目录

一、开通腾讯实时音视频

1.腾讯实时音视频简介

 2.创建应用

 二、快速接入

1.微信小程序账号类目资格

2.跑通腾讯多人会议源码

3.发行项目

三、开发自己的业务代码

---

如何对接腾讯实时音视频的多人会议产品，从开通服务到对接完成，一 一讲解。

一、开通腾讯实时音视频

1.腾讯实时音视频简介

腾讯云的实时音视频TRTC,多端支持，对接很方便，他支持的开发技术也都是最新的。

腾讯实时音视频（Tencent Real-Time Communication，TRTC），将腾讯多年来在网络与音视频技术上的深度积累，以多人音视频通话和低延时互动直播两大场景化方案，通过腾讯云服务向开发者开放，致力于帮助开发者快速搭建低成本、低延时、高品质的音视频互动解决方案。

多人音视频通话方案 依靠腾讯云覆盖全球的专线网络，全球均可互通，提供覆盖手机、桌面全平台的客户端 SDK 以及云端 API，终端用户还可以在微信、QQ、企业微信的小程序中使用 TRTC 服务，Web 网页也可轻松使用。

低延时互动直播方案 凭借行业领先的网络与音视频技术，结合腾讯云优质的节点资源，帮助开发者搭建卡顿率更低、延时1秒以内的互动直播，让直播走进 CDN 2.0 时代。

 2.创建应用

我开通的是多人会议，如果你开通实时音视频其他的产品，他的小程序对接方式应该也是一样的。

①注册腾讯云账号

点击链接，腾讯云官网注册https://cloud.tencent.com/点击左上角免费注册按钮。

②开通实时音视频产品

进入腾讯云首页，鼠标悬浮在左上角的 产品 按钮：

找到实时音视频进行点击，然后点击免费试用。

 此时进入了控制台，点击立即开通。

 创建应用：

我这里选的是多人会议，使用的入门版。

 创建成功后，进入了详情页面，记录 SDKAppID  和  SDK 密钥，这个两个参数对接时会用。

但是此时 多人会议 服务还没有开通，我们需要领取体验。也是在详情页面。

点击领取体验， 有免费的7天试用。

 

注：不是完全免费，会产生费用。

 点击确认领取，开通成功，此时服务状态显示可集成。

---

 二、快速接入

1.微信小程序账号类目资格

你的微信小程序账号需要是企业账号，且具备以下二级类目资格，这样才能开通微信小程序实时音视频组件。

 

2.跑通腾讯多人会议源码

点击下面链接查看快速接入教程：
快速接入，uniapp（小程序）https://cloud.tencent.com/document/product/647/97754

 按照步骤一步一步接入即可。其中有几点注意事项，在此说明一下：

①如果你的项目已经进行了一部分，也不要在你的项目上进行这些操作，可能会有冲突。先新建一个uniapp项目进行他的源码集成，然后跑通。

②如果按照他的文档操作完成后，报这个错误：

不要慌，是因为你忽略了一个步骤，而且这个步骤是每次你启动项目都需要执行一次的：

 uniapp项目点击运行到微信小程序，会进行编译，部分依赖需要进入编译后的目录执行 npm install 进行下载，此处将操作指令集成在 wxmini_dev.sh/wxmini_dev.bat 脚本中。

首先检查一下腾讯多人会议项目根目录，是否有这几个文件：

wxmini_dev.bat  是批处理文件格式。批处理文件是一种在Windows操作系统中常见的脚本文件类型，它的后缀名是“.bat”。批处理文件使用Windows操作系统的命令提示符进行运行，通过一系列的命令组合来执行特定的任务或操作。这些命令可以是系统命令、自定义脚本或者其他可执行文件的调用等。当执行批处理文件时，系统会按照文件中定义的命令顺序逐个执行，从而完成预设的操作。批处理文件可以用于自动化管理任务、运行程序、配置系统环境等。

wxmini_dev.bat 是开发环境使用的，wxmini_prod.bat 是生产环境（也就是准备发布上线）使用的。

wxmini_dev.sh文件是‌Linux系统中的‌Shell脚本文件，通常用于执行特定的脚本命令。这种文件包含了一系列要在操作系统命令解释器上运行的命令，主要用于自动化任务、简化工作流程，并提高系统管理和维护的效率。

wxmini_dev.sh 是开发环境使用的，wxmini_prod.sh 是生产环境（也就是准备发布上线）使用的。

如果没有，按照文档教程进行下载，在这个位置：

 如果有：

在项目保持运行的情况下，新建一个终端：

 我用的是windows系统，现在是开发环境，使用的 wxmini_dev.bat：

 ./wxmini_dev.bat , 则会运行bat文件的内容，在uniapp项目编译后的微信原生框架内添加内容：

unpackage\dist\dev\mp-weixin\roomkit\package.json

运行后，在这个目录下的package.json，添加依赖。

然后在微信开发者工具，点击工具，构建npm，并清除缓存，重新编译。

    

 此时项目就可以跑通了，记住每次从uniapp运行到微信小程序，都是重新打包，都需要重复这个步骤。

如果你想测试多人聊天，使用微信开发者工具即可，点击工具->多账号调试，使用虚拟账号，或者添加自己的真实账号都可以。

这时会出现两个微信开发者工具进行调试：

3.发行项目

此时测试一下发行项目，将运行的项目关闭。

在hbuilder点击发行，发行到微信小程序。出现右侧弹窗，什么也不用勾选，直接点击运行：

 

 如果你的右侧弹窗出现：

此时进入根目录下的manifest.json中

然后重复发行步骤即可。

发行成功后，在hbuilder下面，新建终端，执行，./wxmini_prod.bat，然后在微信开发者工具->工具->构建npm 。然后点击上传功能，代码就被推送到微信小程序了：

进入微信公众平台，手机扫码使用体验版测试一下，如果没问题，进行下一步，将自己代码集成到腾讯实时音视频小程序上。

微信公众平台官网https://mp.weixin.qq.com/扫描体验时，如果进入一个空白页面，那是因为首页路径不对，在这里设置一下：

选为体验版，然后再次点击绿色箭头，更改首页路径。

注：如果上传代码，提示主包过大或者项目有其他错误，推送失败，是因为，你可能忘了在hbuilder点发行了，或者你忘了执行./wxmini_prod.bat文件并构建npm，仔细核对一下上面的步骤。

---

三、开发自己的业务代码

如果你还没有开发自己的代码，那就在腾讯实时音视频小程序的基础上继续开发即可。

如果你已经开发了一部分自己的代码，此时想把自己的代码和腾讯实时音视频小程序合并到一起，那你只能把你的代码移植到腾讯实时音视频小程序上，这样更保险。

这里有需要注意的几点：

①相关依赖重新在腾讯实时音视频小程序项目下载一下。

②main.js ，相关文件引入。

③如果你用的scss,并且写了公共样式，记得在uni.scss引入。

④把首页index/index.vue改成自己的业务逻辑代码。

⑤移植完自己的代码后，uniapp发行代码,执行./wxmini_prod.bat，微信开发者工具构建npm。然后使用微信开发者工具，上传代码，结果失败，主包太大，且分包比较麻烦的情况下。那就选择详情里面的本地设置的上传代码时自动压缩脚本文件，重新上传即可。