Node.js websocket/ws 详解

最新推荐文章于 2025-04-27 19:06:59 发布

piaopiaopiaopiaopiao

最新推荐文章于 2025-04-27 19:06:59 发布

阅读量2.8k

点赞数 1

分类专栏： web

web 专栏收录该内容

5 篇文章

订阅专栏

本文深入讲解WebSocket协议，对比HTTP协议的局限性，介绍WebSocket如何实现全双工通信，以及在Node.js中使用ws模块创建WebSocket服务端和客户端的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本文转自：https://blog.youkuaiyun.com/LiMubai_CN/article/details/81844156

前言
众所周知，HTTP协议是一种无状态、无连接、单向的应用层协议，只能由客户端发起请求，服务端响应请求。

这就显示了一个明显的弊端：服务端无法主动向客户端发起消息，一旦客户端需要知道服务端的频繁状态变化，就要由客户端盲目地多次请求以获得最新地状态，这就是长轮询

而长轮询有显著地缺点：效率低、非常耗费资源，就在这个时候WebSocket出现了。

WebSocket是一个长连接，客户端可以给服务端发送消息，服务端也可以给客户端发送消息，这便是全双工通信

而node并没有提供Websocket的API，我们需要对Node.js提供的HTTPServer做额外的开发，好在npm上已经有许多的实现，其中使用最为广泛的就是本文主角——ws模块

WebSocket 串讲
WebSocket连接也是由一个标准的HTTP请求发起，格式如下：

GET ws://localhost:3000/ws/chat HTTP/1.1
Host: localhost
Upgrade: websocket
Connection: Upgrade
Origin: http://localhost:3000
Sec-WebSocket-Key: client-random-string
Sec-WebSocket-Version: 13
支持Websocket的服务器在收到请求后会返回一个响应，格式如下：

HTTP/1.1 101 Switching Protocols
Upgrade: websocket
Connection: Upgrade
Sec-WebSocket-Accept: server-random-string

响应代码101表示本次连接的HTTP协议即将被更改，更改后的协议就是Upgrade: websocket指定的WebSocket协议，之后的数据传输将不再通过http协议，而是使用全双工通信的Websocket协议。

初识ws模块
先创建一个服务端程序

const WebSocket = require('ws');//引入模块

const wss = new WebSocket.Server({ port: 8080 });//创建一个WebSocketServer的实例，监听端口8080

wss.on('connection', function connection(ws) {
ws.on('message', function incoming(message) {
console.log('received: %s', message);
ws.send('Hi Client');
});//当收到消息时，在控制台打印出来，并回复一条信息

});

再创建一个客户端程序

const WebSocket = require('ws');

const ws = new WebSocket('ws://localhost:8080');

ws.on('open', function open() {
ws.send('Hi Server');
});//在连接创建完成后发送一条信息

ws.on('message', function incoming(data) {
console.log(data);
});//当收到消息时，在控制台打印出来

在node环境中先运行服务端程序，再运行客户端程序，我们就可以在控制台分别看到两个端的打印信息了

至此，通过ws模块创建的一个最简单的Websocket连接就完成了！

参考文献：
https://www.cnblogs.com/stoneniqiu/p/5402311.html