以下是使用 WebSocket 进行实时数据传输的一般步骤：

一、前端部分

（一）创建 WebSocket 连接

const socket = new WebSocket('ws://your-server-url'); 

在上述代码中，将 'ws://your-server-url' 替换为您实际的服务器 WebSocket 地址。

（二）处理连接打开事件

socket.onopen = function(event) {console.log('连接已建立');// 在此处可以发送初始数据给服务器socket.send('Hello, Server!');
};

（三）处理接收数据事件

socket.onmessage = function(event) {const data = event.data;console.log('接收到数据: ' data);// 对接收的数据进行处理和展示
};

（四）处理连接关闭事件

socket.onclose = function(event) {if (event.wasClean) {console.log(`连接已关闭，代码: ${event.code}，原因: ${event.reason}`);} else {// 例如连接意外中断console.log('连接中断'); }
};

（五）处理错误事件

socket.onerror = function(error) {console.error('发生错误: ' error.message);
};

二、后端部分（以 Node.js 为例）

（一）安装依赖

npm install ws

（二）创建 WebSocket 服务器

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('接收到客户端消息: %s', message);// 向客户端发送数据ws.send('Hello, Client!');});ws.on('close', function close() {console.log('客户端连接关闭');});
});

希望上述内容对您有所帮助，如果您在使用过程中遇到问题，欢迎随时提问。