小班互动教学解决方案（下）

上篇主要介绍了方案的架构，本篇介绍如何通过腾讯云提供的服务快速搭建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，等会登陆服务器以及测试服务的时候要用到。

登陆服务器

1. 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.myqcloud.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，这里一定要确认好，避免误操作，点击“下一步”

最后一步“确定”