WebSocket入门笔记

1. 前端创建WebSocket对象
   在前端创建WebSocket对象，可以通过以下代码实现：

let socket = new WebSocket("ws://localhost:8080");

其中，参数ws://localhost:8080表示WebSocket服务所在的地址和端口。创建成功后，WebSocket会自动尝试与该地址建立连接。

2. WebSocket事件和方法
   WebSocket对象有以下几个重要的事件和方法：

• onopen：连接建立成功时触发的事件。

• onmessage：接收到服务器发送的数据时触发的事件。

• onclose：连接关闭时触发的事件。

• send()：向服务器发送数据。
  在代码中可以通过以下方式来监听事件：

socket.onopen = function (event) {
  console.log("WebSocket连接建立成功！");
};
socket.onmessage = function (event) {
  console.log("接收到服务器发送的数据：" + event.data);
};
socket.onclose = function (event) {
  console.log("WebSocket连接关闭！");
};

可以通过以下方式向服务器发送数据：

socket.send("你好，服务器！");

3. 后端创建WebSocket服务
   在后端，可以使用Node.js的ws模块来创建WebSocket服务。使用如下代码：

const WebSocket = require('ws');
const wss = new WebSocket.Server({ port: 8080 });
wss.on('connection', function connection(ws) {
  console.log('WebSocket连接建立成功！');
  ws.on('message', function incoming(message) {
    console.log('接收到客户端发送的数据：', message);
    ws.send('你好，客户端！');
  });
  ws.on('close', function close() {
    console.log('WebSocket连接关闭！');
  });
});

在代码中，我们使用WebSocket.Server创建了一个WebSocket服务，并监听8080端口。当有客户端连接到WebSocket服务时，会触发connection事件。在事件回调函数中，我们可以监听客户端发送的数据，以及处理连接关闭事件。