前言
我们在学习 webrtc 时,首先要把实验环境搭建好,这样我们就可以在上面做各种实验了。
对于 webrtc 来说,它有一整套规范,如怎样使用它的接口、使用sdp进行媒体协商、通过ice收集地址并进行连通性检测等等。除此之外,webrtc还需要房间服务器将多端聚集到一起管理,以及信令服务器进行信令数据交换(如媒体描述信息sdp的交换,连接地址的交抽换等),但在webrtc的规范中没有对这部分内容进行规定,所以需要由用户自己处理。
你可以根据自己的喜好选择服务器(如 apache,nginx 或 nodejs),我今天将介绍如何使用 nodejs 来搭建信令服务器。
为什么选择 nodejs
apache、nginx和nodejs都是非常成熟的web服务器,nginx 可以说是的性能是最好的web服务器了。但从未来的发展来说,nodejs可能会更有优势。
现在以chrome为代表的浏览器的功能越来越强大,以前认为通过浏览器不可能完成的事儿,现在它都可以轻松实现。h5、 websocket的出现以及现在webrtc的加入,让大家越来越觉得以后的浏览器可以说是“无所不能”。因此,推动 javascript 语言的发展越来越迅速。这可以从现在 javascript 技术的火爆,以及各种层出不穷js framework的出现得以印证。
而 nodejs 的最大的优点即是可以使用 js 语言开发服务器程序。这样使得大量的前端同学可以无缝地转到服务器开发,甚至有可能前后端使用同一套代码实现。对于这一点我想无论是对个人还是对于企业都是巨大的诱惑。
一方面 js 语言的简单性可以方便的开发出各种各样功能的服务端程序。
更可贵的是 nodejs 的生态链非常的完整,有各种各样的功能库。你可以根据自己的需要通过安装工具 npm 快速的安装,这也使它也得到了广大开发者的喜欢。
nodejs 现在是非常流行的 web 服务器,它在服务器端使用 v8(javascript)引擎,通过它解析 js 脚本来控制服务器的行为。这对于广大的 js 同学来说真是太幸福了,在10年前还很难想像可以通过 js 脚本语言来写服务器程序。
当然,如果你想对nodejs作能力拓展的话,还是要写c/c++库,然后加载到 nodejs 中去。
nodejs的基本原理
nodejs的工作原理如上图所示, 其核心是 v8 引擎。通过该引擎,可以让 js 调用 c/c++方法 或 对象。相反,通过它也可能让 c/c++ 访问 javascript 方法和变量。
nodejs 首先将 javascript 写好的应用程序交给 v8 引擎进行解析,v8理解应用程序的语义后,再调用 nodejs 底层的 c/c++ api将服务启动起来。 所以 nodejs 的强大就在于 js 可以直接调用 c/c++ 的方法,使其能力可以无限扩展。
以开发一个 http 服务为例,nodejs 打开侦听的服务端口后,底层会调用 libuv 处理该端口的所有 http 请求。其网络事件处理如下图所示:
当有网络请求过来时,首先会被插入到一个事件处理队列中。libuv会监控该事件队列,当发现有事件时,先对请求做判断,如果是简单的请求,就直接返回响应了;如果是复杂请求,则从线程池中取一个线程进行异步处理;
线程处理完后,有两种可能:一种是已经处理完成,则向用户发送响应;另一种情况是还需要进一步处理,西安有哪些大学则再生成一个事件插入到事件队列中等待处理;事件处理就这样循环往复下去,永不停歇。
两个 v8 引擎
如上图所示,在我们使用 nodejs之后实际存在了两个 v8 引擎。一个v8用于解析服务端的 js 应用程序,它将服务启动起来。另一个 v8 是浏览器中的 v8 引擎,用于控制浏览器的行为。
对于使用 nodejs 的新手来说,很容易出现思维混乱,因为在服务端至少要放两个 js 脚本。其中一个是服务端程序,控制 nodejs 的行为,它由 nodejs 的v8引擎解析处理;另一个是客户端程序,它是要由浏览器请求后,下发到浏览器,由浏览器中的 v8 引擎进行解析处理。如果分不清这个,那麻烦就大了。
安装 nodejs
下面我们就来看看具体如何安装 nodejs。
安装 nodejs 非常的简单:
在ubuntu系统下执行:
apt install nodejs
或在mac 系统下执行:
brew install nodejs
通过上面的步骤我们就将 nodejs 安装好了。我这里安装的 nodejs版本为:v8.10.0。
安装npm
除了安装 nodejs 之外,我们还要安装npm(node package manager),也就是 nodejs 的包管理器。它就像ubuntu下的 apt 或mac 系统下的brew 命令类似,是专门用来管理各种依赖库的。
在它们没有出现之前,我们要安装个包特别麻烦。以linux为例,假设要安装一个工具,其基本步骤是:
先将这个工具的源码下载下来。
执行./configure 生成makefile 文件。
执行 make 命令对其进行编译。
最后,执行 make install 将其安装到指定目录下。
如果编译过程中发现有依赖的库,则要对依赖库执行前面的4步,也就是先将依赖库安装好,然后再来安装该工具。
大家可以看到,以前在linux下安装个程序或工具是多么的麻烦。
linux 有了apt 之后,一切都变得简单了。我们只要执行 apt install xxx 一条命令就好了,它会帮你完成上面的一堆操作。
对于 nodejs的安装包也是如此,npm 就是相当于 linux 下的 apt,它的出现大大提高了人们的工作效率。
npm 的安装像安装 nodejs 一样简单:
在ubuntu下执行:
apt install npm
或在mac下执行:
brew install npm
socket.io
此次,我们使用 nodejs 下的 socket.io 库来实现 webrtc 信令服务器。socket.io特别适合用来开发webrtc的信令服务器,通过它来构建信令服务器特别的简单,这主要是因为它内置了**房间** 的概念。
上图是 socket.io 与 nodejs配合使用的逻辑关系图, 其逻辑非常简单。socket.io 分为服务端和客户端两部分。服务端由 nodejs加载后侦听某个服务端口,客户端要想与服务端相连,首先要加载 socket.io 的客户端库,然后调用 `io.connect();`就与服务端连上了。
需要特别强调的是 socket.io 消息的发送与接收。socket.io 有很多种发送消息的方式,其中最常见的有下面几种,是我们必须要撑握的:
给本次连接发消息
socket.emit()
给某个房间内所有人发消息
io.in(room).emit()
除本连接外,给某个房间内所有人发消息
socket.to(room).emit()
除本连接外,给所以人发消息
socket.broadcast.emit()
消息又该如何接收呢?
发送 command 命令
s: socket.emit('cmd’);c: socket.on('cmd',function(){...});
送了一个 command 命令,带 data 数据
s: socket.emit('action', data);c: socket.on('action',function(data){...});
发送了command命令,还有两个数据
s: socket.emit(action,arg1,arg2);c: socket.on('action',function(arg1,arg2){...});
有了以上这些知识,我们就可以实现信令数据通讯了。
搭建信令服务器
接下来我们来看一下,如何通过 nodejs下的 socket.io 来构建的一个服务器:
这是客户端代码,也就是在浏览器里执行的代码。index.html:
<!doctype html><html> <head> <title>webrtc client</title> </head> <body> <script src='/socket.io/socket.io.js?x32330'></script> <script src='js/client.js'></script> </body></html>
该代码十分简单,就是在body里引入了两段 js 代码。其中,socket.io.js 是用来与服务端建立 socket 连接的。client.js 的作用是做一些业务逻辑,并最终通过 socket 与服务端通讯。
首先,在 rver.js 目录下创建 js 的目录,然后在 js目录下生成 client.js。
下面是client.js的代码:
var isinitiator;room = prompt('enter room name:'); //弹出一个输入窗口const socket = io.connect(); //与服务端建立socket连接if (room !== '') { //如果房间不空,则发送 "create or join" 消息 console.log('joining room ' + room); socket.emit('create or join', room);}socket.on('full', (room) => { //如果从服务端收到 "full" 消息 console.log('room ' + room + ' is full');});socket.on('empty', (room) => { //如果从服务端收到 "empty" 消息 isinitiator = true; console.log('room ' + room + ' is empty');});socket.on('join', (room) => { //如果从服务端收到 “join" 消息 console.log('making request to join room ' + room); console.log('you are the initiator!');});socket.on('log', (array) => { console.log.apply(console, array);});
在该代码中:
首先弹出一个输入框,要求用户写入要加入的房间。然后,通过 io.connect() 建立与服务端的连接,根据socket返回的消息做不同的处理:
当收到房间满”full”时的情况;
当收到房间空“empty”时的情况;
当收到加入“join”时的情况;
以上是客户端(也就是在浏览器)中执行的代码。下面我们来看一下服务端的处理逻辑:
服务器端代码,rver.js:
const static = require('node-static');const http = require('http');const file = new(static.rver)();const app = http.createrver(function (req, res) { file.rve(req, res);}).listen(2013);const io = require('socket.io').listen(app); //侦听 2013io.sockets.on('connection', (socket) => { // convenience function to log rver messages to the client function log(){ const array = ['>>> message from rver: ']; for (var i = 0; i < arguments.length; i++) { array.push(arguments[i]); } socket.emit('log', array); } socket.on('message', (message) => { //收到message时,进行广播 log('got message:', message); // for a real app, would be room only (not broadcast) socket.broadcast.emit('message', message); //在真实的应用中,应该只在房间内广播 }); socket.on('create or join', (room) => { //收到 “create or join” 消息 var clientsinroom = io.sockets.adapter.rooms[room]; var numclients = clientsinroom ? object.keys(clientsinroom.sockets).length : 0; //房间里的人数 log('room ' + room + ' has ' + numclients + ' client(s)'); log('request to create or join room ' + room); if (numclients === 0){ //如果房间里没人 socket.join(room); socket.emit('created', room); //发送 "created" 消息 } el if (numclients === 1) { //如果房间里有一个人 io.sockets.in(room).emit('join', room); socket.join(room); socket.emit('joined', room); //发送 “joined”消息 厦门大学排名} el { // max two clients socket.emit('full', room); //发送 "full" 消息 } socket.emit('emit(): client ' + socket.id + ' joined room ' + room); socket.broadcast.emit('broadca蒋海澄st(): client ' + socket.id + ' joined room ' + room); });});
在服务端引入了 node-static 库,使服务器具有发布静态文件的功能。服务器具有此功能后,当客户端(浏览器)向服务端发起请求时,服务器通过该模块获得客户端(浏览器)运行的代码,也就是上我面我们讲到的 index.html 和 client.js 并下发给客户端(浏览器)。
服务端侦听 2013 这个端口,对不同的消息做相应的处理:
– 服务器收到 message 消息时,它会直接进行广播,所有连接到该服务器的客户端都会收收广播的消息。
– 服务端收到 “create or join”消息时,它会对房间里有人数进行统计,如果房间里没有人,则发送”created” 消息;如果房间里有一个人,发送”join”消息和“joined”消息;如果超过两个人,发送”full”消息。
要运行该程序,需要使用 npm 安装 socket.io 和 node-static,安装方法如下:
进入到 rver.js 所在的目录,然后执行下面的命令。
npm install socket.ionpm install node-static春节的来历
启动服务器并测试
通过上面的步骤我们就使用 socket.io 构建好一个服务器,现在可以通过下面的命令将服务启动起来了:
node rver.js
如果你是在本机上搭建的服务,则可以在浏览器中输入 localhost:2013 ,然后新建一个tab 在里边再次输入localhost:2013 。此时,打开控制台看看发生了什么?
在chrome下你可以使用快捷键 command-option-j或ctrl-shift-j的d证券从业资格证成绩查询evtools访问控制台。
小结
以上我向大家介绍了 nodejs 的工作原理、nodejs的安装与部署,以及如何使用 要sokcet.io 构建 webrtc 信令消息服务器。socket.io 由于有房间的概念所以与webrtc非常匹配,用它开发webrtc信令服务器非常方便。
另外,在本文中的例子只是一个简单例子并没有太多的实际价值。在后面的文章中我会以这个例子为基础,在其上面不断增加一些功能,最终你会看到一个完整的demo程序。
本文发布于:2023-04-05 11:56:48,感谢您对本站的认可!
本文链接:https://www.wtabcd.cn/fanwen/zuowen/122581972d97737a5728751ac3d3eabf.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文word下载地址:mac安装nodejs的权限问题(详解mac安装虚拟机).doc
本文 PDF 下载地址:mac安装nodejs的权限问题(详解mac安装虚拟机).pdf
留言与评论(共有 0 条评论) |