Websocket 已经成为现代 Web 应用中不可或缺的一部分，它可以实现双向通信，基于此可以实现诸如实时聊天室、实时数据监控和游戏等功能。Fastify 是一个高性能的 Node.js Web 框架，它提供了一个插件化的方式来轻松构建 Websocket 应用。本文将介绍如何使用 Fastify 框架构建 Websocket 应用。
准备工作
在开始构建 Websocket 应用之前，需要安装 Node.js 和 Fastify，可以通过以下命令安装：
# 安装 Node.js（已安装可跳过） $ sudo apt-get install -y nodejs # 安装 npm（已安装可跳过） $ sudo apt-get install -y npm # 使用 npm 安装 Fastify $ npm install fastify
创建服务器
首先，我们需要创建一个 Fastify 服务器，可以使用以下代码：
-- -------------------- ---- ------- ----- ------- - -------------------- -------------------- ----- -------- -- - -- ----- - ------------------ --------------- - ------------------- --------- -- ------------ --展开代码
运行上面的代码后，可以在控制台看到 Server listening on 0.0.0.0:3000 的信息，这说明服务器已经成功创建，可以通过 http://localhost:3000 访问。
添加 Websocket 插件
Fastify 自带了 fastify-websocket 插件，可以通过以下代码添加 Websocket 插件：
-- -------------------- ---- ------- ----- ------- - -------------------- ---------------------------------------------- -------------------- ----- -------- -- - -- ----- - ------------------ --------------- - ------------------- --------- -- ------------ --展开代码
创建 Websocket 路由
接下来，我们可以创建一个 Websocket 路由，用于处理 Websocket 连接和消息。使用以下代码：
-- -------------------- ---- ------- ----- ------- - -------------------- ---------------------------------------------- ------------------ - ---------- ---- -- ------------ ---- -- - ------------------- ----------- ------------------------ ----- -- - ------------------- -------- -------- -------------------- ----- -------- -- ---------------------- -------- -- - ----------------------- ------- ----------- -- -- -------------------- ----- -------- -- - -- ----- - ------------------ --------------- - ------------------- --------- -- ------------ --展开代码
上面的代码中，我们创建了一个 Websocket 路由 /ws，使用 websocket: true 选项告诉 Fastify 这是一个 Websocket 路由。在连接建立后，我们监听 message 事件来处理客户端发送的消息，并使用 connection.send 方法将消息回发给客户端。同时，我们也监听 close 事件来处理连接关闭事件。
测试 Websocket 连接
最后，我们可以使用浏览器 WebSocket API 对 Websocket 连接进行测试。在浏览器的开发者工具（F12）的控制台中，输入以下代码：
-- -------------------- ---- ------- ----- -- - --- ----------------------------------- ------------ - ------- -- - ----------------------- - ---------- - ------- -- - ------------------ - --------------- --------展开代码
上面的代码中，我们使用 WebSocket API 建立了一个到 ws://localhost:3000/ws 的 Websocket 连接，并监听了 message 和 close 事件。接着，我们发送了一个消息 'Hello, World!'。
运行上述代码后，可以在控制台中看到以下输出：
Client connected Client message: Hello, World!
同时，在浏览器控制台中，也可以看到输出 You said: Hello, World!，这说明 Websocket 连接和消息发送都成功了。
总结
本文介绍了如何使用 Fastify 框架构建 Websocket 应用，包括创建服务器、添加 Websocket 插件、创建 Websocket 路由和测试 Websocket 连接。通过学习本文，读者可以了解到 Fastify 框架的基本使用和 Websocket 应用的实现方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/651d216495b1f8cacd4a5f39
