express-ws 项目教程

最新推荐文章于 2024-09-13 09:01:43 发布

葛易曙Linda

最新推荐文章于 2024-09-13 09:01:43 发布

阅读量535

点赞数 20

本文链接：https://blog.csdn.net/gitblog_00926/article/details/142194999

版权

express-ws 项目教程

express-ws WebSocket endpoints for express applications 项目地址: https://gitcode.com/gh_mirrors/ex/express-ws

1. 项目介绍

express-ws 是一个用于在 Express.js 应用中集成 WebSocket 功能的 npm 包。它简化了在 Express 应用中使用 WebSocket 的过程，使得开发者可以轻松地将实时通信功能添加到他们的应用中。express-ws 通过提供一个简单的 API，使得在 Express 应用中处理 WebSocket 连接变得非常容易。

2. 项目快速启动

安装

首先，确保你已经安装了 Node.js 和 npm。然后，通过以下命令安装 express-ws：

npm install express-ws

创建一个简单的 WebSocket 服务器

以下是一个使用 express-ws 创建的简单 WebSocket 服务器的示例代码：

const express = require('express');
const expressWs = require('express-ws')(express());
const app = expressWs.app;

app.ws('/socket', (ws, req) => {
  ws.on('message', (msg) => {
    console.log('Received:', msg);
    ws.send(`Server received: ${msg}`);
  });
});

app.listen(3000, () => {
  console.log('WebSocket server is listening on port 3000');
});

运行服务器

在终端中运行以下命令启动服务器：

node server.js

客户端连接

你可以使用浏览器或其他 WebSocket 客户端连接到服务器。以下是一个简单的 HTML 页面示例，用于连接到 WebSocket 服务器并发送消息：

<!DOCTYPE html>
<html>
<head>
  <title>WebSocket Client</title>
</head>
<body>
  <script>
    const socket = new WebSocket('ws://localhost:3000/socket');

    socket.onopen = () => {
      console.log('Connected to server');
      socket.send('Hello, server!');
    };

    socket.onmessage = (event) => {
      console.log('Received from server:', event.data);
    };
  </script>
</body>
</html>