WebSocket 菜鸟教程

WebSocket 是一种网络通信协议，它允许在单个 TCP 连接上进行全双工通信，即客户端和服务器之间可以实时双向传递数据。与传统的 HTTP 请求-响应模式不同，WebSocket 连接一旦建立，就可以在任意时刻发送和接收数据，而不需要重新建立连接。这使得 WebSocket 在实时通信、推送通知等领域有着广泛的应用。
一、WebSocket 的基本概念

1. WebSocket 协议
   WebSocket 协议基于 TCP，通过在 HTTP 协议的基础上进行一次握手，实现协议的转换。WebSocket 协议使用特殊的头部格式来标识一个 WebSocket 连接。
2. WebSocket 连接
   WebSocket 连接建立后，客户端和服务器之间就可以进行双向通信。连接可以随时关闭或重新打开，而不需要重新建立连接。
3. WebSocket 数据传输
   WebSocket 数据传输可以是文本或二进制数据。数据以帧的形式进行传输，每个帧由帧头和帧负载组成。帧头标识了帧的类型和长度，帧负载则是实际传输的数据。
   二、WebSocket 的基本用法
4. 建立 WebSocket 连接
   要建立 WebSocket 连接，需要在客户端使用 JavaScript 的 WebSocket 对象来创建一个新的 WebSocket 实例，并传入服务器的 URL。例如：

   var socket = new WebSocket('ws://example.com');

5. 打开连接事件处理
   当 WebSocket 连接被打开时，会触发 open 事件。可以在创建 WebSocket 实例时指定一个事件处理函数来处理这个事件。例如：

   socket.onopen = function(event) {
   console.log('WebSocket connected');
   };

6. 发送数据
   要发送数据，可以使用 send 方法将数据作为字符串或 Blob 对象发送到服务器。例如：

   socket.send('Hello, server!');

7. 接收数据
   要接收服务器发送的数据，需要使用 onmessage 事件来监听数据。事件处理函数会接收到一个包含事件对象和数据对象的事件对象。例如：

   socket.onmessage = function(event) {
   console.log('Received data:', event.data);
   };

8. 关闭连接
   要关闭 WebSocket 连接，可以使用 close 方法关闭连接。例如：

   socket.close();