一个完整的WebSocket通信案例

90 阅读1分钟

以下是一个基本的WebSocket通信案例,其中一个为客户端,另一个为服务器端。在这个案例中,客户端将发送一个消息到服务器,服务器将接收并回应这条消息。

客户端(JavaScript)

// 创建WebSocket连接  
var socket = new WebSocket("ws://localhost:8080");  
  
// 连接开启时的处理方法  
socket.onopen = function(event) {  
  console.log("连接已开启");  
  
  // 发送一个初始化消息  
  socket.send("我是客户端,已连接!");  
};  
  
// 接收到服务器数据时的处理方法  
socket.onmessage = function(event) {  
  console.log("收到来自服务器的数据: " + event.data);  
};  
  
// 连接关闭时的处理方法  
socket.onclose = function(event) {  
  console.log("连接已关闭");  
};  
  
// 连接错误时的处理方法  
socket.onerror = function(error) {  
  console.log("发生错误: " + error);  
};

服务器端(Node.js + ws库)

首先,你需要安装'ws'库,通过以下命令:

npm install ws

然后,你可以编写以下代码:

const WebSocket = require('ws');  
  
const wss = new WebSocket.Server({ port: 8080 });  
  
wss.on('connection', ws => {  
  ws.on('message', message => {  
    console.log('收到来自客户端的消息: %s', message);  
      
    // 回应客户端的消息  
    ws.send(`我是服务器,收到你的消息:${message}`);  
  });  
  
  ws.on('close', () => {  
    console.log('客户端已断开连接');  
  });  
});

要运行此示例,请先启动服务器,然后运行客户端代码。你应该能在客户端控制台上看到来自服务器的回应。