快速理解WebSocket 协议

在了解WebSocket之前需要先了解socket是什么。
首先要知道,现在任何的网络协议都是基于socket协议。
socket的中文翻译叫“套接字”,然而这个中文翻译非常晦涩难懂,很难解释清楚。
其实socket直接翻译过来的含义是插座的意思。
我的个人理解就是2个人互相发送文件的时候,如果发1个文件就在插座上插1条线,再发另外1个文件就再插1条线。不管是发文件还是收文件,都是通过插座上面的线来传输,这个线就叫“线程”。而插座就是为了“创建”和“关闭”这些“线程”而设计的。

先看一下socket的流程图

我们发现socket的流程非常简单,主要分三步
1.创建
2.收发
3.关闭
程序中创建socket协议通常有两个参数,第一个为ip协议规范(ipv4/ipv6),第二个为协议类型(TCP/UPD)
例如PHP的socket_create方法,socket_create ( int $domain , int $type , int $protocol ) : resource
具体参数对应的含义请查看文档

接下来正式说明什么是WebSocket
定义:WebSocket是一种在单个TCP连接上进行全双工通信(同时双向发送数据)的协议。浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。
http协议url地址是长这样http://example.com:/some/path
而websocket协议的地址是这样ws://example.com:80/some/path

在客户端使用WebSocket非常简单

var ws = new WebSocket("wss://echo.websocket.org");

ws.onopen = function(evt) { //连接成功后的回调
console.log("Connection open ...");
ws.send("Hello WebSockets!");
};

ws.onmessage = function(evt) { //接收数据
console.log( "Received Message: " + evt.data);
ws.close();
};

ws.send('your message’); // 发送数据

ws.onclose = function(evt) { // 连接关闭后的回调
console.log("Connection closed.");
};

服务端使用WebSocket如果是NodeJS常用的就是
Socket.IO
如果用java就是Tomcat7.0以上
PHP用swoole

WebSocket协议的优点是什么?
最大的优点就是在实现即时通讯的方法上面更节省资源。
先说下面两种及时通讯方式的缺点
HTTP轮询:因为是单向通信,1次请求对应一次响应,然后关闭连接。如果服务端没有最新信息,那么就有大量的空响应回来,也就是无意义的请求,浪费资源。
Socket长连接:一旦建立连接就不会关闭,如果服务端没有最新数据,那么线程被占用,却没有收发数据,比轮询的方式还浪费资源。
WS协议:先用HTTP的方式握手建立连接,然后用socket的长连接方式保持通话,再用HTTP的方式挥手关闭连接。结合了上面两种方式的优点,是目前的最优手段。

本站文章如未注明均为原创 | 文章作者:刘晓帆 | 转载请注明来自:前端印象

发表评论

邮箱地址不会被公开。 必填项已用*标注

浏览量:142 次浏览