分享即时通讯开发之WebSocket：概念、原理、易错常识、动手实践

本文将从基本概念、技术原理、常见易错常识、动手实践等多个方面入手，万字长文，带你一起全方位探索 WebSocket 技术。

 

阅读完本文，你将了解以下内容：

1）了解 WebSocket 的诞生背景、WebSocket 是什么及它的优点；

2）了解 WebSocket 含有哪些 API 及如何使用 WebSocket API 发送普通文本和二进制数据；

3）了解 WebSocket 的握手协议和数据帧格式、掩码算法等相关知识；

4）了解 WebSocket 与http、长轮询、socket等的关系，理清常识性的理解错误；

5）了解如何实现一个支持发送普通文本的 WebSocket 服务器。

WebSocket 诞生背景

早期，很多网站为了实现推送技术，所用的技术都是轮询（也叫短轮询）。轮询是指由浏览器每隔一段时间向服务器发出 HTTP 请求，然后服务器返回最新的数据给客户端。

这种传统的模式带来很明显的缺点，即浏览器需要不断的向服务器发出请求，然而 HTTP 请求与响应可能会包含较长的头部，其中真正有效的数据可能只是很小的一部分，所以这样会消耗很多带宽资源。

比较新的轮询技术是 Comet。这种技术虽然可以实现双向通信，但仍然需要反复发出请求。而且在 Comet 中普遍采用的 HTTP 长连接也会消耗服务器资源。

在这种情况下，HTML5 定义了 WebSocket 协议，能更好的节省服务器资源和带宽，并且能够更实时地进行通讯。

Websocket 使用 ws 或 wss 的统一资源标志符（URI），其中 wss 表示使用了 TLS 的 Websocket。

如：

ws://echo.websocket.org

wss://echo.websocket.org

WebSocket 与 HTTP 和 HTTPS 使用相同的 TCP 端口，可以绕过大多数防火墙的限制。

默认情况下：

    1）WebSocket 协议使用 80 端口；

    2）若运行在 TLS 之上时，默认使用 443 端口。

WebSocket 是一种网络传输协议&