feat: WebSocket & Socket.io

ceilf6 · ceilf6 · commit c4e4dd76c504 · 2026-02-08T12:58:40.000+08:00
diff --git a/Network/Socket.io/front.html b/Network/Socket.io/front.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+
+<body>
+    <script src="https://cdn.socket.io/4.5.4/socket.io.min.js"></script>
+
+    <script>
+        const socket = io("http://localhost:3000");
+
+        socket.emit("message", "你好服务器！");
+
+        socket.on("reply", (msg) => {
+            console.log("服务器回复:", msg);
+        });
+    </script>
+</body>
+
+</html>
diff --git a/Network/Socket.io/server,js b/Network/Socket.io/server,js
@@ -0,0 +1,15 @@
+const io = require("socket.io")(3000);
+
+io.on("connection", (socket) => {
+  console.log("用户连接成功:", socket.id);
+
+  socket.on("message", (data) => {
+    console.log("收到消息:", data);
+
+    socket.emit("reply", "服务器收到！");
+  });
+
+  socket.on("disconnect", () => {
+    console.log("用户断开连接");
+  });
+});
diff --git a/Network/WebSocket/API.js b/Network/WebSocket/API.js
@@ -0,0 +1,19 @@
+const ws = new WebSocket("地址"); // 创建websocket连接，浏览器自动握手
+
+// 事件：握手完成后触发
+ws.onopen = function () {
+    console.log('连接到了服务器');
+};
+// 事件：收到服务器消息后触发
+ws.onmessage = function (e) {
+    console.log(e.data); // e.data：服务器发送的消息
+};
+// 事件：连接关闭后触发
+ws.onclose = function () {
+    console.log('连接关闭了');
+};
+
+// 发送消息到服务器
+ws.send(消息);
+// 连接状态：0-正在连接中  1-已连接  2-正在关闭中  3-已关闭
+ws.readyState
