HTML5 | websocket

前言

这是一篇关于websocket的随笔，未来会整合成更严谨的文章

什么是websocket

WebSocket是一种在单个TCP连接上进行全双工通信的协议,它在实现过程中依赖http，但它是一种全新的协议，而不是某种html协议的变形或别称。
在HTML5中，websocket在浏览器端被引入。在Node端，我们使用ws库建立websocket。注意两者在api上的区别。

websocket 解决了什么

websocket的主要阵地在于即时场景，比如即时通信，股票大盘走势，网络游戏等。

与html长连接，keep-alive，ajax轮询的区别

首先，上述三种做法都没有脱离html，而html的本质是每次通信要建立一次TCP连接，然后每次通信是一个request对应一个response的对等信息传递。
而html keep-alive的改变只是——原先每次html通信都要重新建立一次连接，而在keep-alive存活期内，不再需要重复建立连接。
而ajax轮询则是定时规律的向服务器端发起请求，以确保当前内容的更新，同样没有突破html的限制。
下图右侧是http keep-alive的效果

而websocket是真正的全双工通信，支持长连接，也就是通信两段可以在一次连接后保证长时间通信，且两端可以同时收发信息。
举个例子，传统http就是访问网站——你输入网址，按下回车，发送一个http request，服务器返回一个http response，返回页面。而websocket则是聊天室，两个人进入聊天室后的可以随时发送消息，对方也可以随时收到消息，两者互不影响，且不需要反复建立连接，也不需要反复发送请求。