在现代 Web 开发中，实时通信已经成为了一个必不可少的功能。而 Socket.IO 是一个非常流行的实时通信库，它支持多种传输方式，如 WebSocket、轮询等，并且提供了非常方便的 API，使得开发者可以轻松地实现实时通信功能。
Fastify 是一个快速、低开销的 Web 框架，它的设计目标是提供最佳的性能和开发体验。在 Fastify 中使用 Socket.IO 可以实现高效的实时通信功能，本文将介绍如何在 Fastify 中使用 Socket.IO 实现实时通信。
安装 Socket.IO
首先，我们需要安装 Socket.IO。可以使用 npm 进行安装：
npm install socket.io
创建 Fastify 应用
在开始使用 Socket.IO 之前，我们需要创建一个 Fastify 应用。在这里，我们使用 Fastify CLI 来创建一个基本的 Fastify 应用：
npx fastify-cli generate my-app cd my-app npm install
集成 Socket.IO
安装完 Socket.IO 后，我们需要在 Fastify 应用中集成它。可以通过以下方式实现：
-- -------------------- ---- -------
----- ------- - ---------------------
----- -- - -------------------------------------
---------------- --------- ------ -- -
------------ ------ ------- ---
---
------------------- -------- -- -
-------------- ---- ------------
----------------------- -- -- -
----------------- ---------------
---
---
-------------------- ----- -------- -- -
-- ----- -
-------------------
----------------
-
------------------- --------- -- -------------
---在上述代码中，我们首先创建了一个 Fastify 应用，并使用 socket.io 函数将 Fastify 应用实例传递给 Socket.IO，以便 Socket.IO 可以使用 Fastify 服务器。
然后，我们定义了一个路由处理程序，用于处理根路径的请求。在这里，我们只是返回了一个简单的 JSON 对象。
最后，我们通过 Socket.IO 的 on 函数监听 connection 事件，当有新的客户端连接时，会触发该事件。在该事件处理程序中，我们打印出了一条消息，表明有新的用户连接上了服务器。
发送和接收消息
现在，我们已经成功地集成了 Socket.IO，接下来，我们将介绍如何发送和接收消息。
发送消息
要向客户端发送消息，可以使用 Socket.IO 的 emit 函数。例如，可以在 connection 事件处理程序中向客户端发送一条欢迎消息：
io.on('connection', (socket) => {
console.log('a user connected');
socket.on('disconnect', () => {
console.log('user disconnected');
});
socket.emit('welcome', 'Welcome to the chat room!');
});在上述代码中，我们使用 emit 函数向客户端发送了一条消息，消息类型为 welcome，消息内容为 Welcome to the chat room!。
接收消息
要从客户端接收消息，可以使用 Socket.IO 的 on 函数。例如，可以在 connection 事件处理程序中监听 chat message 事件，并在接收到消息时将消息广播给所有连接的客户端：
-- -------------------- ---- -------
------------------- -------- -- -
-------------- ---- ------------
----------------------- -- -- -
----------------- ---------------
---
---------------------- -------- -- --- ---- --------
--------------- --------- ----- -- -
--------------------- ---------
------------- --------- -----
---
---在上述代码中，我们使用 on 函数监听 chat message 事件，并在接收到消息时将消息广播给所有连接的客户端。同时，我们也打印出了接收到的消息。
示例代码
最后，我们提供一个完整的示例代码，用于演示如何在 Fastify 中使用 Socket.IO 实现实时通信：
-- -------------------- ---- -------
----- ------- - ---------------------
----- -- - -------------------------------------
---------------- --------- ------ -- -
------------ ------ ------- ---
---
------------------- -------- -- -
-------------- ---- ------------
----------------------- -- -- -
----------------- ---------------
---
---------------------- -------- -- --- ---- --------
--------------- --------- ----- -- -
--------------------- ---------
------------- --------- -----
---
---
-------------------- ----- -------- -- -
-- ----- -
-------------------
----------------
-
------------------- --------- -- -------------
---总结
在本文中，我们介绍了如何在 Fastify 框架中使用 Socket.IO 实现实时通信。我们首先安装了 Socket.IO，然后创建了一个 Fastify 应用，并集成了 Socket.IO。接着，我们介绍了如何发送和接收消息，并提供了一个完整的示例代码。希望本文对你有所帮助，谢谢阅读！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65d5691badd4f0e0ffd22ea4