使用websocket模拟一下发送和接收消息

最新推荐文章于 2025-03-25 10:52:19 发布

潮水岩

最新推荐文章于 2025-03-25 10:52:19 发布

阅读量1k

点赞数

文章标签： websocket javascript 前端 vue.js 网络协议

本文链接：https://blog.youkuaiyun.com/weixin_42583683/article/details/129486391

版权

本文介绍了如何使用WebSocket进行消息的发送和接收。在客户端，利用JavaScript的WebSocket对象建立连接并发送消息。服务端则可以借助Node.js的WebSocket库监听和响应消息。通过WebSocket的onmessage和onopen事件，实现双向通信。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

好的，下面是使用 WebSocket 模拟发送和接收消息的一些指导思路：

在客户端和服务端之间建立 WebSocket 连接。客户端可以使用 JavaScript 的 WebSocket 对象来建立连接，服务端可以使用支持 WebSocket 的库(例如 Node.js 的 ws 库)来接收连接。
在连接建立之后，客户端和服务端都可以通过调用 WebSocket 对象的 send() 方法来发送消息。
服务端可以使用 WebSocket 库提供的事件处理函数来监听接收到的消息，例如 ws 库中的 connection 事件处理函数。
客户端和服务端都可以使用 WebSocket 对象的 onmessage 事件处理函数来监听接收到的消息。

下面是一个使用 ws 库的服务端代码示例：

const WebSocket = require('ws');

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

wss.on('connection', function connection(ws) {
  ws.on('message', function incoming(message) {
    console.log('received: %s', message);

    // 将接收到的消息原样返回
    ws.send(message);
  });
});