作者：mobiledu2502897083 | 来源：互联网 | 2023-08-13 10:49
最近看到了一些介绍Websocket的文章，觉得挺有用，所以在这里将自己的对其三者的理解记录一下。1.什么是WebsocketWebsocket是HTML5中提出的新的协议，注意，
最近看到了一些介绍Websocket的文章，觉得挺有用，所以在这里将自己的对其三者的理解记录一下。
1.什么是Websocket
Websocket是HTML5中提出的新的协议，注意，这里是协议，可以实现客户端与服务器端的通信，实现服务器的推送功能。
2.Websocket和HTTP协议是什么关系
简单来说，Websocket和HTTP有关系，但是关系不大，它们的关系类似于数学中的交集,如下图（借用的Ovear的图）。Websocket借用了HTTP协议来完成一部分握手过程。
3.Websocket的握手过程
当客户端要建立Websocket连接时，其向服务器发送：
GET /chat HTTP/1.1
Host: xxx.com
Upgrade: websocket
Connection: Upgrade
Sec-WebSocket-Key: x3JJHMbDL1EzLkh9GBhXDw==
Sec-WebSocket-Protocol: chat, superchat
Sec-WebSocket-Version: 13
Origin: http://xxx.com
其中，Upgrade: websocket和Connection: Upgrade告诉服务器，我要建立的是websocket连接；Sec-WebSocket-Key部分服务器加密后还要返回浏览器，确保建立的是websocket连接；Sec-WebSocket-Version: 13是websocket的版本号。
当服务器接收到上述包后，会返回一下内容：
HTTP/1.1 101 Switching Protocols
Upgrade: websocket
Connection: Upgrade
Sec-WebSocket-Accept: HSmrc0sMlYUkAGmm5OPpG2HaGWk=
Sec-WebSocket-Protocol: chat
它告诉客户端，我已经切换到websocket协议了，Sec-WebSocket-Accept就是Sec-WebSocket-Key加密后的内容，这样，一个websocket连接就建立了。
4.Websocket怎么工作的
客户端：我要建立websocket连接
服务器端：好的，已经切换到websocket协议，websocket连接已经建立
客户端：有什么消息要及时告诉（推送）我
服务器端：好的
服务器端：xxxxxx
服务器端：yyyyyyy
。。。。。
其优点就是，只要建立一次连接，就可以连续不断的得到服务器推送的消息，节省带宽和服务器端的压力。
5.Ajax轮询怎么实现的
其实，这个大多数小伙伴都知道了，ajax轮询模拟长连接就是每个一段时间（0.5s）就向服务器发起ajax请求，查询服务器端是否有数据更新
客户端：有没有新消息
服务器端：没有。。（第一次http结束）
客户端：有没有新消息
服务器端：有，xxxxx （第二次http结束）
客户端：有没有新消息
服务器端：没有。。 （第三次http结束）
客户端：有没有新消息
服务器端：没有。。 （第四次http结束）
。。。。。。
其缺点显而易见，每次都要建立HTTP连接，即使需要传输的数据非常少，所以这样很浪费带宽；同时，这个过程是被动性的，即不是服务器主动推送的。
6.长连接（long pull）
客户端：有没有新信息（Request）--第一次http请求开始
服务端：没有信息，不作回应
（时间一直的流逝。。。一直保持http连接，当等到有消息的时候）
服务器端：给你xxxx（Response）--这时，第一次的http请求获得想要的结果，然后还要发起第二、三。。次http请求
客户端：有没有新消息（Request）--第二次http请求开始
。。。。。
其缺点也是显而易见的，同ajax轮询一样，也是每次都要建立HTTP连接，也都是被动的。而且这种方法对服务器的并行要求比较大，因为在没有消息的时候，连接照样保持，而这时需要其它信息是又要建立新的连接（就连接保持中）。
7.参考：
a.百度
b.http://www.zhihu.com/question/20215561/answer/40316953
![[译]技术公司十年经验的职场生涯回顾](https://img8.php1.cn/3cdc5/24912/711/b6574f3292f9dc00.png)
京公网安备 11010802041100号