JS实时通信三把斧系列之一: websocket

Answer 1

JS实时通信利器：WebSocket详解

在前端开发的道路上，实时通信是个不可或缺的部分。为了充实技能并应对公司的长连接需求，我着手研究实时通信的实践技术，包括WebSocket。本系列将逐个介绍几种实际项目中常用的方式，首篇专攻WebSocket及其应用。

WebSocket协议概览

WebSocket主要工作在应用层，以TCP为底层，通过HTTP升级请求建立连接。默认情况下，它使用端口80和443进行通信，后者在TLS加密下。协议的工作流程涉及握手、帧格式以及数据加密等步骤。

WebSocket在OSI模型的应用层运作，握手时通过HTTP升级。
标准端口号是80（无加密）和443（加密）。
协议工作流程中，Sec-WebSocket-Key和Sec-WebSocket-Accept用于验证客户端。
帧格式包含头信息和可选的掩码，确保数据安全。

Node.js中的WebSocket实现

以websockets/ws库为例，WebSocket服务器在Node.js中的实现包括创建Server实例、处理连接和数据传输等步骤。接收者实例通过一系列处理函数实现通信流程。

实战演示

尝试运行demo代码ws.js，通过Wireshark观察浏览器和服务器间的通信交互，注意Chrome原生客户端不支持ping/pong心跳检测。

兼容性及后续内容

继续关注系列文章，下一篇章将探讨Socket.io的实现实时通信技术。敬请期待。