使用 Node.js 创建一个 WebSocket 服务器

使用 Node.js 创建一个 WebSocket 服务器相对简单。你可以使用 ws 库,这是一个流行的 WebSocket 实现。以下是一个基本的步骤来创建一个 WebSocket 服务器:

1.初始化 Node.js 项目

首先,你需要一个 Node.js 项目。如果你还没有项目,可以创建一个新的目录并初始化一个新的 Node.js 项目。

bash 复制代码
//cmd
mkdir websocket-server   //创建websocket-server文件夹
cd websocket-server      //进入websocket-server文件夹
npm init -y

2.安装 ws

使用 npm 安装 ws 库。

bash 复制代码
//cmd
npm install ws     //在websocket-server项目中安装ws

3.创建 WebSocket 服务器

在项目目录中创建一个名为 server.js 的文件,并添加以下代码来创建一个 WebSocket 服务器。

javascript 复制代码
//javascript

const WebSocket = require('ws');  

// 创建一个 WebSocket 服务器实例,监听在 8080 端口  
const wss = new WebSocket.Server({ port: 8080 });  

// 当有新客户端连接时触发 connection 事件  
wss.on('connection', (ws) => {  
  console.log('新客户端已连接');  

  // 接收客户端消息  
  ws.on('message', (message) => {  
    console.log(`收到消息: ${message}`);  

    // 向客户端发送消息  
    ws.send(`服务器已收到消息: ${message}`);  
  });  

  // 处理客户端断开连接  
  ws.on('close', () => {  
    console.log('客户端已断开连接');  
  });  

  // 处理错误  
  ws.on('error', (error) => {  
    console.error(`WebSocket 错误: ${error}`);  
  });  
});  

console.log('WebSocket 服务器正在运行在 ws://localhost:8080');

4.运行服务器

在终端中运行以下命令来启动 WebSocket 服务器。

javascript 复制代码
//cmd
node server.js

5.测试 WebSocket 服务器

你可以使用浏览器控制台或另一个 WebSocket 客户端(如 websocatwscat)来测试 WebSocket 服务器。

在浏览器中:打开你的浏览器控制台,然后运行以下代码:

javascript 复制代码
//javascript

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

ws.onopen = () => {  
  console.log('连接到服务器');  
  ws.send('Hello, WebSocket!');  
};  

ws.onmessage = (event) => {  
  console.log(`收到服务器的消息: ${event.data}`);  
};  

ws.onclose = () => {  
  console.log('与服务器断开连接');  
};  

ws.onerror = (error) => {  
  console.error(`WebSocket 错误: ${error}`);  
};

你应该会看到浏览器控制台中的日志,显示与 WebSocket 服务器的连接、发送和接收消息。

通过以上步骤,你就成功创建了一个简单的 WebSocket 服务器,并可以通过客户端与其进行通信。

相关推荐
蒋星熠6 分钟前
WebSocket网络编程深度实践:从协议原理到生产级应用
网络·数据库·redis·python·websocket·网络协议·微服务
萌萌哒草头将军4 小时前
Node.js v24.8.0 新功能预览!🚀🚀🚀
前端·javascript·node.js
Adorable老犀牛4 小时前
可遇不可求的自动化运维工具 | 2 | 实施阶段一:基础准备
运维·git·vscode·python·node.js·自动化
若无_5 小时前
npm 与 pnpm 深度对比:从依赖管理到实际选型
npm·node.js
GISer_Jing5 小时前
Next系统学习(二)
前端·javascript·node.js
BillKu5 小时前
vue3 中 npm install mammoth 与 npm install --save mammoth 的主要区别说明
前端·npm·node.js
EndingCoder5 小时前
Electron 原生模块集成:使用 N-API
javascript·electron·node.js·桌面端
明远湖之鱼6 小时前
巧用 Puppeteer + Cheerio:批量生成高质量 Emoji 图片
前端·爬虫·node.js
猫头虎-前端技术18 小时前
浏览器兼容性问题全解:CSS 前缀、Grid/Flex 布局兼容方案与跨浏览器调试技巧
前端·css·node.js·bootstrap·ecmascript·css3·媒体