以下是使用 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('客戶端連接關閉');});
});

希望上述內容對您有所幫助，如果您在使用過程中遇到問題，歡迎隨時提問。