如何让WebSocket服务器/客户端与两方通信

WebSocket 是一种网络通信协议，它允许服务器与客户端之间进行全双工通信。这意味着服务器可以在任何时候主动向客户端发送消息，而不需要客户端先发起请求。WebSocket 协议在建立连接后，会在 TCP 连接上使用 HTTP 升级机制，从而切换到 WebSocket 协议。

基础概念

WebSocket 协议：一种在单个 TCP 连接上进行全双工通信的协议。
握手过程：客户端通过 HTTP 请求与服务器建立连接，并请求升级到 WebSocket 协议。
帧（Frame）：WebSocket 数据传输的基本单位，可以包含文本或二进制数据。

优势

实时性：相比 HTTP 轮询，WebSocket 提供了近乎实时的双向通信能力。
减少延迟：避免了每次通信都需要重新建立连接的开销。
更少的数据开销：WebSocket 连接建立后，后续的数据交换使用更小的头部信息。

类型

文本帧：用于传输 UTF-8 编码的文本数据。
二进制帧：用于传输二进制数据。

应用场景

在线聊天应用：实时消息传递。
多人游戏：实时同步游戏状态。
股票交易平台：实时更新股票价格。
远程控制应用：实时反馈设备状态。

实现两方通信

要让 WebSocket 服务器/客户端与两方通信，通常需要一个中间服务器来转发消息。以下是一个简单的示例，展示如何使用 Node.js 和 ws 库来实现这一功能。

服务器端代码

const WebSocket = require('ws');

const wss = new WebSocket.Server({ port: 8080 });

const clients = new Set();

wss.on('connection', function connection(ws) {
  clients.add(ws);

  ws.on('message', function incoming(message) {
    console.log('received: %s', message);
    // 广播消息给所有客户端
    for (let client of clients) {
      if (client.readyState === WebSocket.OPEN) {
        client.send(message);
      }
    }
  });

  ws.on('close', function close() {
    clients.delete(ws);
  });
});

客户端代码

<!DOCTYPE html>
<html>
<head>
  <title>WebSocket Client</title>
</head>
<body>
  <script>
    const socket = new WebSocket('ws://localhost:8080');

    socket.onopen = function() {
      console.log('Connected to WebSocket server');
      socket.send('Hello Server!');
    };

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

    socket.onclose = function() {
      console.log('Disconnected from WebSocket server');
    };
  </script>
</body>
</html>