小班互动教学解决方案(下)

2020-11-06 09:57:20 浏览数 (1)

上篇主要介绍了方案的架构,本篇介绍如何通过腾讯云提供的服务快速搭建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.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,这里一定要确认好,避免误操作,点击“下一步”

最后一步“确定”

0 人点赞