在 Node.js 中构建 WebSocket 服务器-JavaScript中文网-JavaScript教程资源分享门户

WebSocket 是一种基于 TCP 协议的双向通信协议，它可以在客户端和服务器之间建立一个持久性的连接，实现实时通信的功能。在前端开发中，WebSocket 已经成为了一个必不可少的技术，它可以用来实现聊天室、实时数据更新等功能。而在 Node.js 中，我们也可以很方便地构建一个 WebSocket 服务器，用来处理客户端的请求和消息。

前置知识

在学习本文之前，你需要掌握以下技术：

Node.js 的基本使用
JavaScript 的基本语法和操作
WebSocket 协议的基本概念和使用方法

构建 WebSocket 服务器

在 Node.js 中，我们可以使用 ws 模块来构建 WebSocket 服务器。首先，我们需要安装 ws 模块：

npm install ws

然后，我们可以编写一个简单的 WebSocket 服务器代码：

// javascriptcn.com 代码示例
const WebSocket = require('ws');

const server = new WebSocket.Server({ port: 8080 });

server.on('connection', (socket) => {
  console.log('Client connected.');

  socket.on('message', (message) => {
    console.log(`Received message: ${message}`);

    // 处理消息
    socket.send(`You said: ${message}`);
  });

  socket.on('close', () => {
    console.log('Client disconnected.');
  });
});

在上面的代码中，我们使用 WebSocket.Server 创建了一个 WebSocket 服务器，并监听了 8080 端口。当有客户端连接上来时，会触发 connection 事件，我们可以在事件处理函数中处理客户端的请求和消息。在这个例子中，我们简单地输出收到的消息，并把消息发送给客户端。

客户端连接

在客户端中，我们可以使用 WebSocket 对象来连接 WebSocket 服务器。下面是一个简单的客户端连接代码：

// javascriptcn.com 代码示例
const socket = new WebSocket('ws://localhost:8080');

socket.onopen = () => {
  console.log('Connected to server.');

  // 发送消息
  socket.send('Hello, server!');
};

socket.onmessage = (event) => {
  console.log(`Received message: ${event.data}`);
};

socket.onclose = () => {
  console.log('Disconnected from server.');
};

在上面的代码中，我们使用 WebSocket 对象创建了一个 WebSocket 连接，并指定了服务器的地址和端口。当连接成功后，会触发 onopen 事件，我们可以在事件处理函数中发送消息。当收到消息时，会触发 onmessage 事件，我们可以在事件处理函数中处理消息。当连接关闭时，会触发 onclose 事件，我们可以在事件处理函数中处理关闭事件。

总结

在本文中，我们介绍了如何在 Node.js 中构建一个 WebSocket 服务器，并使用示例代码演示了客户端和服务器的连接和通信过程。WebSocket 技术在实时通信和数据更新方面有着广泛的应用，掌握它对于前端开发人员来说是非常重要的。希望这篇文章能够对你有所帮助。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/655e17c9d2f5e1655d862133