使用 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 服务器,并可以通过客户端与其进行通信。

相关推荐
光影少年15 小时前
前端线上屏幕出现卡顿如何排查?
开发语言·前端·javascript·学习·前端框架·node.js
net3m3315 小时前
所有esp_websocket_client_send。。。的地方都加锁,就不容易websocket 断线重连
网络·websocket·网络协议
lemon_yyds16 小时前
node 包管理工具 : nvm vs fvm
node.js
网络点点滴21 小时前
Node.js使用自己的模块
node.js
xiaoliuliu1234521 小时前
nvm-setup安装步骤详解(附Node.js多版本管理与切换教程)
node.js
前端小超人rui1 天前
【Node.js Express中间件理解及中间件分类和作用】
中间件·node.js·express
前端小超人rui1 天前
封装Express 自定义中间件
中间件·node.js·express
码界索隆1 天前
【腾讯位置服务开发者征文大赛】用 AI Agent + MCP 重构“周边去哪儿”决策链路:我的真实踩坑与MVP落地复盘
人工智能·typescript·node.js
Aolith1 天前
从前端模拟到全栈认证:我的论坛 JWT 实战复盘
node.js·express
Rabbit_QL1 天前
【前端基础】npm install 是干嘛的(带参数 vs 不带参数)
前端·npm·node.js