js websocket简单例子

// WebSocket 简单例子

// 创建一个新的 WebSocket 对象。
// ws://echo.websocket.org 是一个公共的测试 WebSocket 服务器。
const socket = new WebSocket('ws://echo.websocket.org');

// 当连接成功时触发
socket.addEventListener('open', function (event) {
    // 发送消息到服务器
    socket.send('Hello Server!');
});

// 当从服务器接收到消息时触发
socket.addEventListener('message', function (event) {
    console.log('Message from server ', event.data);
});

// 当连接关闭时触发
socket.addEventListener('close', function (event) {
    console.log('Connection closed');
});

// 当连接出现错误时触发
socket.addEventListener('error', function (event) {
    console.error('WebSocket error observed:', event);
});

解释说明：

1. 创建 WebSocket 对象：使用 new WebSocket(url) 创建一个新的 WebSocket 连接，url 是 WebSocket 服务器的地址。
2. 事件监听：
   • open：当连接成功建立时触发，可以在此时发送消息给服务器。
   • message：当从服务器接收到消息时触发，可以在控制台打印接收到的消息。
   • close：当连接关闭时触发，可以用来处理连接关闭后的逻辑。
   • error：当连接出现错误时触发，可以用来捕获和处理错误。