上篇主要介绍了方案的架构,本篇介绍如何通过腾讯云提供的服务快速搭建demo。
快速搭建Demo
基于腾讯云实时音视频TRTC以及云服务器快速搭建一个小班互动教学web服务。以下demo只需要购买(开通)实时音视频以及cvm云服务器。
账号准备
服务基于腾讯云平台搭建,因此需要先注册腾讯云账号以及完成实名认证。可以参照如下步骤:
1.账号注册,打开腾讯云官网 ,点击右上角“免费注册”。
2. 账号开通后需要完成实名认证,登陆控制台 ,选择相应的登陆方式。
3.登陆后,个人实名认证参考;企业认证参考
基础环境准备
申请云服务器
1.登陆腾讯云控制,点击左上角“云产品”,在“计算”产品下找到“云服务器”,如下图所示:
2.新建实例,支持全球多个地区,这里选择广州地区,入下图所示:
3.点击“自定义配置”,配置如下:
- 计费方式:按量计费(适合测试等临时使用)
- 地域:广州
- 可用区:广州三区 (同城多机房支持)
- 网络:默认(也可以根据实际情况创建私有网络)
- 实例:SA2LARGE8,配置是4核8G,数量:1
- 镜像:公共镜像下的centos 64 位 7.7版本
- 系统盘:高性能云盘 50G
- 公网带宽:勾选“免费分配独立公网IP”,按流量使用,20Mbps
4.点击“下一步:设置主机”,配置如下图所示:
- 所属项目:默认项目
- 安全组:点击“新建安全组”,除TCP-3389外,其它都勾选
- 登陆方式:点击“设置密码”,输入和确认密码 (测试密码尽量复杂些,现网服务建议用密钥登陆),记录密码等会登陆服务器的时候使用
5.点击“下一步:确认配置信息”
6.点击“开通”,会跳转到云服务器实例页面,等待开通,记录分配的公网IP,等会登陆服务器以及测试服务的时候要用到。
登陆服务器
- mac 机器,可以使用系统自带的terminal或者iTerm2登陆
> ssh root@xxxx,终端里执行这个命令,xxxx是刚创建的云服务器的公网IP,首次登陆需要先输入"yes"(原因是本地机器还没有远程服务器的指纹),然后再根据提示出入密码
2.windows机器,可以使用putty,xshell等登陆,配置的核心是用户名(root),端口(22),公网ip。
安装nginx
1.安装: yum install -y nginx.x86_64
2.启动:systemctl start nginx
3.检查服务:打开浏览器并输入服务器的公网IP,出现如下图代表nginx部署成功
部署实时音视频服务
1.下载sdk包:
cd /home
wget -q http://liteavsdk-1252463788.cosgz.myzijiebao.com/H5_latest.zip?_ga=1.195966252.185644906.1567570704 -O Web.zip
unzip Web.zip
2.登陆实时音视频控制台
3.点击左边导航栏的"开发辅助" -> "快速跑通Demo",如下图所示:
4.点击"立即开始",填入应用名称,这里是edu测试,点击“创建应用”,如下图所示:
5.点击“我已下载,下一步”(sdk第一步已下载并解压到/home/Web)
6.记录这里的"SDKAppID" 以及 “密钥” ,后面部署服务的时候用到。
7.点击"粘贴完成,下一步",至此应用配置完成,如下图所示:
配置实时音视频服务
1.填入上面申请的“SDKAppID” 以及密钥:
cd /home/Web/
vim js/debug/GenerateTestUserSig.js
进入vim后(如下图所示),按字母“i”进入编辑模式,使用方向键移动,编辑完按“esc”退出编辑模式,输入":wq",保存并退出。
2.配置nginx 支持ssl以及配置web服务指向/home/Web
a.生成测试证书,证书生成的时候黄框里的字段可以随便填或者不填
cd /home/Web/
openssl req -newkey rsa:2048 -nodes -keyout test.key -x509 -days 365 -out test.crt
b.配置nginx
vim /etc/nginx/nginx.conf,修改红框里的内容,新增黄框里的内容,文本已贴在截图下面
root /home/Web;
listen 443 ssl;
ssl_certificate /home/Web/test.crt;
ssl_certificate_key /home/Web/test.key;
ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
ssl_ciphers HIGH:!aNULL:!MD5;
c.测试nginx配置,reload生效
nginx -t
systemctl reload nginx
结果验收
环境要求
- 请使用最新版本的 Chrome 浏览器。
- TCP 端口:8687(需要访问,公司网络是否有限制,一般没限制)
- UDP 端口:8000,8800,843,443(需要访问,公司网络是否有限制,一般没限制)
- 域名:qcloud.rtc.qq.com(需要访问,公司网络是否有限制,一般没限制)
1.windows,chrome浏览器地址输入https://xxxx/,这里的xxxx是服务器的公网地址
因为证书是自己生成的,chrome会验证不通过,需要点击黄框里的"高级",然后点击“继续前往xxxx”,如下图所示
登陆界面,用户名/房间号随意填,同一房间号可以多人登陆,登陆的时候会提示需要摄像头和麦克风的权限,需要勾选上
2.mac os,chrome浏览器地址输入https://xxxx/,这里的xxxx是服务器的公网地址
mac的证书认证需要先把证书倒入到keychain access
环境清理
1.测试完成,建议销毁云服务器,登陆腾讯云服务器控制台 , 销毁步骤如下:
选择"立即销毁",“立即释放”,然后点击“下一步
确认要销毁的实例ID以及内网IP,这里一定要确认好,避免误操作,点击“下一步”
最后一步“确定”