基于容器环境的1-1课堂的开发部署

作者:申屠鹏会

近年来,容器化已经是业界的共识了,不仅可以减少运维的成本,也有助于进行产品的快速迭代,同时,本地也可以利用容器,搭建出和生产几乎一样的环境,很方便的进行开发demo或者进行小功能的测试部署。接下来,我将从产品的需求分析,设计,业务编码,集成测试,到正式上线,利用声网强大的SDK,全程用容器化的思想,完成一个一对一课堂软件的开发。(因为资源关系,开发时候的容器环境只用Docker,而非K8s)。

项目介绍

疫情以来,传统的一对一家教已经很难实现了,利用网络进行视频教学逐渐成为主流,但是现有的腾讯会议,ZOOM,小鱼会议等平台,侧重点还是多人视频会议的场景,对于一对一辅导教学还是有所欠缺的。因此,希望开发一个能够支持学生和老师实时音频互动,实时文字沟通,白板,课堂回放,作业布置,批改,屏幕共享的1对1课堂教学软件。

需求分析

一般通过项目介绍,可以大致知道是一个怎么样的产品。如:产品的形态是什么,用户是什么,主要功能是什么。那么在需求分析阶段,就要细化,归类,取舍。在一般的互联网公司,经常有的还有需求评审,有了需求,能不能实现,能不能按时完成,都是需要考虑的。但是现在我们自己做demo的化,最简单的还是画一个思维导图,把功能分成几个模块,列一下优先级就行了。接下来就是对项目介绍的需求分析。首先,我们明确产品的形态,对于教学软件来说,最方便的就是Web端了,只要打开浏览器,配备一个有摄像头的电脑就可以开始学习,手机总归小了一点。然后根据介绍,一对一的教学意味着还有用户管理的功能。除此之外,最重要的就是课堂功能了,老师能够在课堂给学生讲课,录视频,共享桌面等功能,同时还需要和学生进行沟通,布置作业,因此还需要消息通知等功能。

那么经过以上分析,我们先做一个思维导图,重点是功能分类。如下


image

经过分析总结,发现总共分为四个模块,分别是课堂管理,用户管理,白板功能,实时音视频,根据需求分析,就可以开始进行下一步的技术选型了。

技术选型

现在的技术有很多,光编程语言就有几十种,每种语言都有自己的框架,通信协议也有各种RPC,那么技术选型其实就是从广泛的技术海中选取最适合自己需求的技术,需要注意的是,技术选型从来不是以技术稳定或者技术先进为标准的,而是应该找最适合的。由此,我们开始进行技术的选型。通常我会从底层开始选取,下面我制作了一个表格,以供参考。

备选技术 实现功能 理由
Golang 后端语言 能够很方便的编译成可执行文件,然后打包成容器服务
html等 Web前端页面 不采用vue等框架的原因是为了快速开发体验
Mysql 后端数据库 开源免费,够用就行
Redis 缓存,用户鉴权等功能
Agora SDK 实时音视频互动 业界最流畅最强大的音视频SDK
腾讯云 后端服务器 提供容器部署,网关等服务。
第三方白板 白板功能

有了大致的技术选型之后,接下去就是进行架构设计。

架构设计

由于功能较少,服务大致分成了Redis缓存,Mysql数据库,后端服务,前端服务,以及网关五个服务。架构图画的比较丑,如下:


image

声网有个更好看的图片,我也放上来:


image

对比着看的化,声网的更加细化,尤其AgoraEdu云服务提供了不少功能,但我们自己开发的时候,用自己的服务器,那需要干的事情还是有点多的。在自己设计的架构图里,所有Agora的SDK会被打包进前端服务里,用户管理等模块会属于后端服务,两者都是容器化的服务,之间通过https的接口进行访问。而Mysql和Redis则提供了数据库的功能。网关层则是一个鉴权,限流和HTTPS加密的服务。接下去就是实战部分了。实战我会偷点懒,会把CI/CD的省略,我会在本地编程测试完成之后再打包镜像到服务器的Docker,如果工程量大的时候还是建议大家用持续部署的方式来做。

环境准备

尽管从这开始已经是实战部分了,但是“磨刀不误砍柴工”,我们可以先准备好所需的环境。

所需的开发环境:

操作系统:macos或者windows 10

编程环境:Golang

软件:Docker

有了最基础的几个之后,可以开启一些服务了。

数据库

Docker run -d -p 3306:3306 --name mysql mysql:5.7

缓存

Docker run -d -p 6379:6379 --name redis redis:4.0

检查环境是否都正常:


image

环境就绪后,那么接下去就是开发了。

编码开发

在编码过程中,我们可以先编写后端的服务,然后有接口提供了,再编写前端的,如此交替式编程,快速完成一个Demo。

首先我们创建两个空文件夹,一个作为后端服务,一个作为前端服务。然后打开前端服务,新建一个Html。


image

为了方便起见,我们用CDN的方式引入Agora的SDK。

<script src="https://cdn.agora.io/sdk/release/AgoraRTCSDK-3.2.1.js"></script>

Agora提供了一个实现音视频通话的调用过程,强烈建议阅读一下:


image

从上往下,以教师学生为例,业务逻辑可以是这样的:

老师通过AgoraRTC.createClient和Client.init创建本地客户端,然后通过Client.join加入频道。这时候可以理解为创建了一个课堂。接着通过创建本地流-播放本地流-发布本地流的过程,发送音视频数据。

那么学生端的操作就是通过订阅远端流,接受音频数据,然后进行播放。

如果要离开课堂的话,那就是通过Client.leave离开频道。

Agora的SDK可以替我们做这些工作,是不是非常强大?

获取SDK的权限

我们先到agora.io上注册一下我们的项目,随后会展示一些示例代码,如图:


image

我们选择Web端,按照请求调用的路径,我们需要先初始化一个客户端对象,然后填入项目的APP ID和Token。同时,对于一对一视频场景,mode设置为rtc。

可以看到我们需要传入一个APPID和一个Token还有频道。这些就由我们的后端提供。


image

具体逻辑为,用户登录之后,停留在课堂管理界面。然后新建课堂,输入频道号,然后点击建立的时候,后台返回APPID和Token,同时将课堂号存入数据库。

Agora很贴心的列出了几乎所有涉及的API,如下:


image

部署测试

代码编写完成后,就可以打包成镜像,然后部署到服务器上,再配置一个反向代理,就能给朋友分享访问啦,接下来我们对前端和后端分别进行打包。

对于前端来说,我们没有用框架,因此我们可以直接用一个nginx镜像,将其中的index替换成我们项目的index.html即可。

对于后端来说,Go可以通过:CGO_ENABLED=0 GOOS=linux GOARCH=amd64 go build main.go方便的编译成可执行文件。我们只需要From一个空镜像,copy编译好的可执行文件即可。

后端Dockerfile:


image

非常简单,只需要将编译好的可执行文件main 用copy命令复制到容器内部某个目录,然后等容器起来的时候运行 ./main运行即可。

体验分享

Agora的开发者中心文档非常全面,关键的地方还有最佳实践的示例可以避免踩坑,同时,Agora提供了很多新手入门的Demo和开源项目,社区也是非常的活跃。


image

几乎可以这么说,只要懂得基础的编程知识,不管是初级程序员还是高级程序员,也不管是后端开发还是前端开发,都很快速的上手,如果有问题也能在开发者中心的文档库里搜到,这就是开发者中心最大的价值吧。

除此之外,通过Agora的demo体验,整个音视频的效果是出人意料的。可能很多人会觉得,不就是音视频通话吗,微信也有啊,QQ也有啊,甚至只要一个聊天社交软件可能都会有视频通话;先别说很多都用了声网的技术,就算是微信自研的,也会发现,相同的网络环境下,微信视频比较模糊,延迟也会稍高,同时如果在密闭房间,回音的现象很严重。声网这点做的很不错。

除此之外,声网也是见过SDK覆盖最全的,


image

可以从这截图发现,几乎涵盖了所有的平台。这些细节也可以看出声网在这方面也是投入了很多精力。

最让人惊喜的还是注册用户就送超长的视频通话时长,足够用来做一个小范围的音视频直播应用了。感谢声网。

补充

本文的例子和官网的一对一需求是差不多的,官网会更简单些,因为有Agora云服务,提供了开箱即用的API,可以让前端同学减少对后端的接触——换句话说,没有后端知识,也能够很快速的开发一个合格的应用。

本文的目的还在于对全栈开发者有个参考,如何从需求分析到技术选型,乃至产品部署上线,用模块化,容器化的思想快速开发一个音视频的Demo。

本Demo在线体验地址:https://agora.xabc.site

官方教程Demo体验地址:https://docs.agora.io/cn/Video/1_to_1_class_overview?platform=All%20Platforms

作者网站:https://xabc.site

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,948评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,371评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,490评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,521评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,627评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,842评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,997评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,741评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,203评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,534评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,673评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,339评论 4 330
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,955评论 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,770评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,000评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,394评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,562评论 2 349

推荐阅读更多精彩内容