如何使用 Express.js 构建 Websocket 应用程序

阅读时长 4 分钟读完

Express.js 是一个流行的 Node.js Web 框架,它使构建 Web 应用程序变得简单。Websocket 是一个基于 TCP 协议的实时通讯协议,它允许在一个可靠的连接上进行双向通信。在这篇文章中,我们将学习如何使用 Express.js 构建 Websocket 应用程序。

0. 先决条件

确保你已经安装了 Node.js,如果没有,请前往 nodejs.org 下载和安装。安装 Node.js 后,你可以在终端中使用 node -v 命令检查 Node.js 的版本,使用 npm -v 命令检查 Node.js 的包管理器 npm 的版本。

1. 安装 Express.js

使用 npm 安装 Express.js:

安装成功后,你可以在你应用程序的根目录下创建一个 server.js 文件,然后在文件中引入 Express.js 和创建一个 Express 应用:

2. 安装 websocket

使用 npm 安装 websocket:

server.js 文件中引入 websocket 并创建一个 WebSocket 服务器:

上面的代码创建了一个 WebSocket 服务器,并在连接事件中打印出 client connected 和发送了一条连接信息给客户端。

3. 使用 Express 和 websocket

server.js 文件中添加一个 GET 路由:

上面的代码创建了一个 GET 路由,当访问服务器的根目录时返回一个 index.html 文件。

创建一个 index.html 文件并在其中添加一个 WebSocket 客户端:

-- -------------------- ---- -------
------
  ------
    ---------------- ---------------
  -------
  ------
    --------
      ----- -- - --- --------------------------------
      ------------ - --------------- -
        -----------------------
      -
    ---------
  -------
-------

上面的代码在 HTML 中创建了一个 WebSocket 客户端,并在接收到一条消息时打印出消息内容。

最后,在 server.js 文件中启动服务器:

上面的代码启动了服务器,并在控制台中打印出 server started

现在你可以使用浏览器访问 http://localhost:8080,打开控制台查看是否收到了 WebSocket 服务器发送的消息。

总结

在本文中,我们学习了如何使用 Express.js 和 websocket 库构建 Websocket 应用程序。我们创建了一个 Express 应用,然后添加了 WebSocket 服务器,并创建了一个 HTML 文件来测试我们的应用程序。如果你正在寻找一个简单的方法来构建 Websocket 应用程序,Express.js 和 websocket 库是一个不错的选择。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/65b38f9fadd4f0e0ffc9e75d

纠错
反馈