把聊天交个 websocket，你能腾出手干嘛？

2023-12-28 17:20:02

WebSocket 和即时通讯

在即时通讯场景中，为了实现用户之间的实时通信，服务器需要不断地向客户端推送消息。传统的方法有长轮询和 Comet。

长轮询是一种轮询技术，客户端向服务器发送一个 HTTP 请求，服务器在接收到请求后并不立即返回响应，而是等待一段时间，直到有新的消息需要推送，然后再将消息作为响应内容返回给客户端。
Comet 是一种基于 HTTP 的双向通信技术，客户端向服务器发送一个 HTTP 请求，服务器在接收到请求后不会立即返回响应，而是保持该请求的连接状态，直到有新的消息需要推送，再将消息作为响应内容返回给客户端。

这两种方法都存在着一些缺点：

长轮询：客户端需要不断地向服务器发送请求，会消耗大量的网络资源。
Comet：服务器需要保持与客户端的连接状态，会消耗大量的服务器资源。

WebSocket 作为一种新的通信协议，可以很好地解决这些问题。WebSocket 是一种全双工的通信协议，客户端和服务器可以同时向对方发送消息。WebSocket 使用的是 TCP 协议，因此它可以像 HTTP 一样在任何防火墙或代理服务器上工作。

WebSocket 的优势

WebSocket 相较于传统的方法，具有以下优势：

实时性：WebSocket 可以实现毫秒级的消息推送，非常适合用于即时通讯场景。
双向通信：WebSocket 是全双工的通信协议，客户端和服务器可以同时向对方发送消息。
低资源消耗：WebSocket 使用 TCP 协议，因此它可以像 HTTP 一样在任何防火墙或代理服务器上工作。而且，WebSocket 的连接是持久的，客户端和服务器只需要在建立连接时消耗一次资源。
易于使用：WebSocket 的 API 非常简单，很容易上手。

WebSocket 的使用

WebSocket 的使用非常简单，只需要几行代码就可以实现。

// 客户端代码
const ws = new WebSocket('ws://localhost:8080');

ws.onopen = () => {
  console.log('WebSocket connected');
};

ws.onmessage = (event) => {
  console.log('Received message: ', event.data);
};

ws.onclose = () => {
  console.log('WebSocket closed');
};

// 发送消息
ws.send('Hello, world!');

// 服务器端代码
const WebSocketServer = require('websocket').server;

const server = http.createServer();
server.listen(8080);

const wsServer = new WebSocketServer({
  httpServer: server
});

wsServer.on('request', (request) => {
  const connection = request.accept('echo-protocol', request.origin);

  connection.on('message', (message) => {
    connection.sendUTF(message.utf8Data);
  });

  connection.on('close', (reasonCode, description) => {
    console.log('Peer '+connection.remoteAddress+' disconnected.');
  });
});