「JavaScript深入」Socket.IO：基于 WebSocket 的实时通信库

在现代 Web 应用程序中，实时通信是一个关键需求，比如在线聊天、协作编辑、游戏对战等。Socket.IO 是一个强大的 JavaScript 库，基于 WebSocket，提供了事件驱动的双向通信，并且能够自动回退到其他通信方式（如轮询）以支持更广泛的客户端。

Socket.IO 的核心特性

1. 事件驱动：通信基于事件模型，客户端和服务器可以定义并监听事件。
2. 双向通信：支持服务器和客户端之间的全双工数据传输。

// 服务器发送消息
io.on('connection', (socket) => {
   
   
  socket.emit('message', 'Welcome!');
});

// 客户端接收消息
socket.on('message', (data) => {
   
   
  console.log('收到消息:', data);
});

• 全双工通信： 客户端和服务器可以同时发送和接收数据

• 事件驱动： 基于自定义事件的消息传递

• 自动重连： 内置断线重连机制

3. 传输降级支持

• 首选WebSocket：低延迟，高效通信

• 降级方案：

  • HTTP长轮询
  • AJAX轮询
  • JSONP轮询

• 自动切换：根据客户端能力选择最佳传输方式

4. 自动回退机制：如果 WebSocket 不可用，Socket.IO 会自动使用 HTTP 轮询（长轮询或短轮询）。
5. 房间（Rooms）和命名空间（Namespaces）：支持将客户端分组，以便更高效的消息推送。
6. 跨平台支持：适用于浏览器、Node.js 服务器、移动端等。

Socket.IO 的架构解析

1. 核心组件

• Engine.IO： 底层传输层

• Socket.IO： 高层API封装

• Adapter： 多节点支持

2. 消息协议

• Packet类型：

  • CONNECT (0)
  • DISCONNECT (1)
  • EVENT (2)
  • ACK (3)

• 二进制支持： 自动检测和优化传输

Socket.IO 的工作流程

1. 客户端连接服务器：客户端通过 WebSocket（或其他回退方案）连接到 Socket.IO 服务器。
2. 事件监听与触发：服务器和客户端可以相互监听和发送事件。
3. 数据交换：通过 JSON 格式在客户端和服务器之间传输数据。
4. 断线重连：Socket.IO 具有自动重连机制，保证稳定性。

Socket.IO 示例：使用 Node.js 搭建实时聊天服务器

1. 安装 Socket.IO

npm install socket.io express

2. 服务器端代码（Node.js）

const express = require('express');
const http = require('http');
const {
   
    Server } = require('socket.io');

const app = express();
const server = http.createServer(app);
const io = new Server(server);

// 新客户端连接
io.on(