一个完整的WebSocket通信案例

以下是一个基本的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('客户端已断开连接');  
  });  
});

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值