简单了解一下：NodeJS的WebSocket网络编程

NodeJS的webSocket网络编程。

那什么是WebSocket呢？WebSocket是HTML5提供的一种浏览器和服务器进行通信的网络技术。两者之间，只需要做一个握手动作，就可以在浏览器和服务器之间开启一条通道，就可以进行数据相互传输。

实现WebSocket网络编程，分为三个步骤：

创建WebSocket服务器
创建WebSocket客户端
服务器和客户端通信

创建WebSocket服务

在NodeJS创建WebSocket，需要借助http模块的createServer：

const fs = require("fs");
const http = require("http");
const Ws = require("ws").Server;

const service = http.createServer((request, response) => {
  if (request.url == '/') {
    fs.readFile("./index.html", (err, data) => {
      if (err) { return };
      response.writeHead(200, { "Content-Type": "text/html" });
      response.end(data);
    });
  }
})
service.listen(34421, () => {
  console.log("监听地址：http://127.0.0.1:34421")
})

let wsServer = new Ws({ server: service });
wsServer.on("connection", function (socket) {
  console.log("连接成功");
  socket.on("message", msg => {
    console.log("客户端信息", msg)
    socket.send("客户端发送的信息：" + msg + "," + new Date().getTime())
  })
})

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

WebSocket服务器端有这些事件：

connection：客户端连接服务器
disconnect：客户端断开连接
message：获取客户端发送的信息
error：发生错误

WebSocket客户端

这里的客户端就是前端页面：

<!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>
    const ws = new WebSocket("ws://127.0.0.1:34421")
    ws.onopen = () => {
      ws.send("hello")
    }
    ws.onmessage = (ev) => {
      console.log("ev", ev)
    }
  </script>
</body>

</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

前后端都启动后，打开前端页面的控制台，效果如下：

在这里插入图片描述
后端的日志：

在这里插入图片描述
这就是NodeJS的WebSocket网络编程

相关阅读:
碳纳米管包四氧化三铁Fe3O4纳米粒子|氧化石墨烯包覆Fe3O4空心球纳米复合材料(r-GO/Fe3O4)|齐岳
企业如何突破瓶颈期的产品营销困境——全民拼购，不伤人脉的营销
使用Psycopg2连接openGauss 3.0（python2）
pdf如何批量压缩不影响清晰度
Java-数据库操作
FASTAPI的简单理解
浅谈架构备考.补缺.V1
springCloud Alibaba教程-网关gateway入门实践（上）
dbLinq最新版linq sqlite
网页的盒子模型是什么？怎么设置盒子样式

原文地址：https://blog.csdn.net/xuelian3015/article/details/133987229