WebSockets 是一种在浏览器和服务器之间实现双向通信的技术，它可以用于实时通信、在线游戏等场景。在前端开发中，我们经常需要使用 WebSockets 技术来实现这些功能。本文将介绍如何使用 Node.js 和 Express.js 实现 WebSockets 服务。
什么是 WebSockets
WebSockets 是一种在浏览器和服务器之间实现双向通信的技术。它的作用是在客户端和服务器之间建立一个持久的连接，使得服务器可以主动向客户端发送数据。这种技术可以用于实时通信、在线游戏等场景。
WebSockets 可以通过 JavaScript API 在浏览器中使用。在使用 WebSockets 技术时，客户端和服务器之间的通信是基于事件的，客户端和服务器都可以监听事件并作出相应的处理。
要使用 Node.js 和 Express.js 实现 WebSockets 服务，我们可以使用一个叫做 "ws" 的第三方库。该库提供了一个 WebSocket 服务器和客户端的实现，可以轻松地实现 WebSockets 服务。
以下是使用 Node.js 和 Express.js 实现 WebSockets 服务的步骤：
- 安装 "ws" 库
在终端中输入以下命令来安装 "ws" 库：
npm install ws
- 创建 WebSocket 服务器
在 Node.js 中，我们可以使用 "ws" 库来创建 WebSocket 服务器。以下是一个简单的 WebSocket 服务器的实现：
// javascriptcn.com 代码示例
const WebSocket = require('ws');
const wss = new WebSocket.Server({ port: 8080 });
wss.on('connection', (ws) => {
console.log('A new client connected');
ws.on('message', (message) => {
console.log(`Received message => ${message}`);
ws.send(`Hello, you sent => ${message}`);
});
ws.on('close', () => {
console.log('A client disconnected');
});
});在上面的代码中，我们首先引入了 "ws" 库，并创建了一个 WebSocket 服务器。当客户端连接到服务器时，服务器会触发 "connection" 事件，并打印一条消息到控制台。当客户端发送消息时，服务器会触发 "message" 事件，并将消息原样返回给客户端。当客户端断开连接时，服务器会触发 "close" 事件，并打印一条消息到控制台。
- 创建 WebSocket 客户端
在浏览器中，我们可以使用 JavaScript API 来创建 WebSocket 客户端。以下是一个简单的 WebSocket 客户端的实现：
// javascriptcn.com 代码示例
const ws = new WebSocket('ws://localhost:8080');
ws.onopen = () => {
console.log('Connected to the WebSocket server');
ws.send('Hello, server!');
};
ws.onmessage = (message) => {
console.log(`Received message => ${message.data}`);
};
ws.onclose = () => {
console.log('Disconnected from the WebSocket server');
};在上面的代码中，我们首先创建了一个 WebSocket 客户端，并连接到服务器。当客户端连接成功时，客户端会触发 "open" 事件，并打印一条消息到控制台。当客户端发送消息时，客户端会触发 "message" 事件，并将消息原样返回给客户端。当客户端断开连接时，客户端会触发 "close" 事件，并打印一条消息到控制台。
示例代码
以下是一个完整的示例代码，包含了 WebSocket 服务器和客户端的实现：
// javascriptcn.com 代码示例
// server.js
const WebSocket = require('ws');
const wss = new WebSocket.Server({ port: 8080 });
wss.on('connection', (ws) => {
console.log('A new client connected');
ws.on('message', (message) => {
console.log(`Received message => ${message}`);
ws.send(`Hello, you sent => ${message}`);
});
ws.on('close', () => {
console.log('A client disconnected');
});
});
// client.html
<!DOCTYPE html>
<html>
<head>
<title>WebSocket Client</title>
</head>
<body>
<script>
const ws = new WebSocket('ws://localhost:8080');
ws.onopen = () => {
console.log('Connected to the WebSocket server');
ws.send('Hello, server!');
};
ws.onmessage = (message) => {
console.log(`Received message => ${message.data}`);
};
ws.onclose = () => {
console.log('Disconnected from the WebSocket server');
};
</script>
</body>
</html>总结
本文介绍了如何使用 Node.js 和 Express.js 实现 WebSockets 服务。我们首先了解了 WebSockets 技术的基本概念，然后介绍了如何使用 "ws" 库来创建 WebSocket 服务器和客户端。最后，我们提供了一个完整的示例代码，方便读者学习和实践。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/657c2f5dd2f5e1655d6f8e3a