在现代 web 开发中，实时通信已经成为了必备的功能之一。而 Fastify 作为一个高效、低开销的 Node.js Web 框架，配合 Socket.io 可以轻松实现实时通信功能。
本篇文章将介绍如何使用 Fastify 和 Socket.io 实现实时通信，包括基本的概念、实现方法和示例代码。
基本概念
Fastify
Fastify 是一个高效、低开销的 Node.js Web 框架，它的设计目标是提供快速的路由和插件机制。相较于其他框架，Fastify 具有更快的启动时间、更少的内存占用和更高的吞吐量。
Socket.io
Socket.io 是一个实时通信库，它支持多种传输协议，并且能够在浏览器和服务器之间建立实时、双向的通信通道。Socket.io 可以用于实现聊天室、在线游戏、实时协作等功能。
实现方法
安装 Fastify 和 Socket.io
在开始开发之前，我们需要先安装 Fastify 和 Socket.io。可以使用 npm 安装它们：
npm install fastify socket.io
创建 Fastify 应用
创建一个 Fastify 应用非常简单，只需要调用 Fastify 函数即可：
const fastify = require('fastify')()
fastify.listen(3000, (err) => {
if (err) throw err
console.log('Server listening on http://localhost:3000')
})这段代码创建了一个 Fastify 应用，并监听 3000 端口。在后续的代码中，我们将向这个应用添加 Socket.io 功能。
添加 Socket.io 功能
要使用 Socket.io，我们需要先创建一个 Socket.io 服务器并将其附加到 Fastify 应用上。可以使用以下代码实现：
-- -------------------- ---- ------- ----- ------- - -------------------- ----- -- - ------------------------------------ ------------------- -------- -- - -------------- ---- ----------- -- -------------------- ----- -- - -- ----- ----- --- ------------------- --------- -- ----------------------- --
这段代码创建了一个 Socket.io 服务器，并将其附加到 Fastify 应用的 HTTP 服务器上。当有客户端连接到服务器时，会触发 connection 事件，并打印一条日志。
发送和接收消息
要在客户端和服务器之间发送和接收消息，我们需要使用 Socket.io 的 emit 和 on 方法。emit 方法用于向服务器发送消息，而 on 方法用于监听服务器发送的消息。
以下是一个简单的示例，展示了如何在客户端和服务器之间发送和接收消息：
-- -------------------- ---- -------
-- ------- --------- --
------------------- -------- -- -
-------------------- ----- -- -
-------------------- --------- --------
-- ----------
------------------ ----
--
--
-- ------ --------- --
----- ------ - ----
---------------------- ------ -------
-------------------- ----- -- -
-------------------- --------- --------
--这段代码演示了如何在客户端和服务器之间发送和接收消息。当客户端发送 message 事件时，服务器会打印一条日志，并向所有客户端广播收到的消息。客户端接收到服务器发送的消息后，也会打印一条日志。
示例代码
以下是一个完整的 Fastify 和 Socket.io 实现实时通信的示例代码：
-- -------------------- ---- -------
----- ------- - --------------------
----- -- - ------------------------------------
------------------- -------- -- -
-------------- ---- -----------
-- -- --------- --
-------------------- ----- -- -
-------------------- --------- --------
-- ----------
------------------ ----
--
-- -- ------------ --
----------------------- -- -- -
----------------- --------------
--
--
-------------------- ----- -- -
-- ----- ----- ---
------------------- --------- -- -----------------------
--在这个示例中，我们创建了一个 Fastify 应用，并添加了 Socket.io 功能。当客户端连接到服务器时，会触发 connection 事件并打印一条日志。客户端发送 message 事件时，服务器会打印一条日志，并向所有客户端广播收到的消息。当客户端断开连接时，会触发 disconnect 事件并打印一条日志。
总结
本篇文章介绍了如何使用 Fastify 和 Socket.io 实现实时通信功能。我们首先介绍了 Fastify 和 Socket.io 的基本概念，然后演示了如何创建 Fastify 应用和添加 Socket.io 功能，最后展示了如何在客户端和服务器之间发送和接收消息。希望这篇文章能够对大家理解和使用 Fastify 和 Socket.io 有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65d856681886fbafa4602325