websocket -- 备面试装逼使用

最新推荐文章于 2025-11-19 11:39:20 发布

原创最新推荐文章于 2025-11-19 11:39:20 发布 · 1w 阅读

22 ·

CC 4.0 BY-SA版权

文章标签：

#websocket #html5 #ajax #tcp #服务器

新技术--面试用专栏收录该内容

5 篇文章

订阅专栏

本文介绍WebSocket协议，这是一种HTML5新技术，实现了浏览器与服务器之间的全双工通信。对比轮询、long poll等传统技术，WebSocket只需一次握手即可建立长期连接，显著减少通信开销。

1.WebSocket protocol 是HTML5一种新的协议。它实现了浏览器与服务器全双工通信(full-duplex)。建立在传输层（tcp之上）

WebSocket protocol 。

现很多网站为了实现即时通讯，所用的技术都是轮询(polling)。轮询是在特定的的时间间隔（如每1秒），由浏览器对服务器发出HTTP request，然后由服务器返回最新的数据给客户端的浏览器。这种传统的HTTP request 的模式带来很明显的缺点 – 浏览器需要不断的向服务器发出请求，然而HTTP request 的header是非常长的，里面包含的有用数据可能只是一个很小的值，这样会占用很多的带宽。

（Ajax技术可达到全双工通信，却需要客户端发起请求，而WebSocket服务器和客户端可以彼此相互推送信息；XHR技术受到域的限制，而WebSocket允许跨域通信；long poll 其实原理跟 ajax轮询差不多，都是采用轮询的方式，不过采取的是阻塞模型，也就是说，客户端发起连接后，如果没消息，就一直不返回Response给客户端。直到有消息才返回，返回完之后，客户端再次建立连接，周而复始。）ajax轮询需要服务器有很快的处理速度和资源。（速度）long poll 需要有很高的并发，也就是说同时接待客户的能力。（场地大小）由于HTTP是非状态性的，每次都要重新传输identity info（鉴别信息），来告诉服务端你是谁。）

在 WebSocket API，浏览器和服务器只需要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。在此WebSocket 协议中，为我们实现即时服务带来了两大好处：

1. Header

互相沟通的Header是很小的-大概只有 2 Bytes

2. Server Push

服务器的推送，服务器不再被动的接收到浏览器的request之后才返回数据，而是在有新数据时就主动推送给浏览器。

这里简单说明一下WebSocket握手的过程。

当Web应用程序调用new WebSocket(url)接口时，Browser就开始了与地址为url的WebServer建立握手连接的过程。

1. Browser与WebSocket服务器通过TCP三次握手建立连接，如果这个建立连接失败，那么后面的过程就不会执行，Web应用程序将收到错误消息通知。

2. 在TCP建立连接成功后，Browser/UA通过http协议传送WebSocket支持的版本号，协议的字版本号，原始地址，主机地址等等一些列字段给服务器端。

例如：