随着 Web 技术的不断演进，实时消息推送在现代 Web 应用程序中变得越来越流行。它可以用于聊天应用程序、通知系统、订单跟踪等等。而 WebSocket 是实现实时消息推送的最流行的方式之一，它可以提供一种双向通信机制，允许服务器向客户端发送消息或接收消息。
本文将介绍如何使用 Hapi 框架和 WebSocket API 实现实时消息推送。我们将深入探讨如何使用 Hapi 定义 WebSocket 路由和事件处理程序，并向客户端发送实时消息。
什么是 Hapi 框架？
Hapi 是一个用于构建 Node.js Web 应用程序的框架，它具有可扩展性、插件化、配置优先的设计，并且易于测试。它提供了许多功能，如路由、请求处理、响应处理、错误处理，以及插件系统等等。
如何实现 WebSocket 路由？
在 Hapi 中，我们可以使用 hapi-plugin-websocket 插件来实现 WebSocket 路由。首先，我们需要安装该插件：
npm install @hapi/hapi npm install @hapipal/websocket
然后，我们需要在我们的 Hapi 应用程序中注册该插件：
-- -------------------- ---- -------
----- ---- - ----------------------
----- --------- - ------------------------------
----- ---- - ----- -- -- -
----- ------ - ------------- ----- ---- ---
----- ----------------- ------- --------- ---
--------------
------- ------
----- ------
-------- -
-------- -
---------- -
----- -----
---------- -----
-
--
-------- --------- -- -- -
------ --------------------- -----------
-
-
---
----- ---------------
------------------- ------- -- ---- -----------------
--
-------------------------------- ----- -- -
-----------------
----------------
---
-------在上面的代码中，我们在 Hapi 应用程序中注册了 @hapipal/websocket 插件，然后定义了一个 WebSocket 路由，该路由使用 GET 请求方法和 /ws 路径，并配置为仅支持 WebSocket 连接。在请求处理程序中，我们简单地返回一个字符串。
如何实现 WebSocket 事件处理？
接下来，我们需要实现 WebSocket 事件处理程序。在 Hapi 中，我们可以使用 onConnect、onDisconnect 和 onMessage 事件来处理 WebSocket 事件。
-- -------------------- ---- -------
--------------
------- ------
----- ------
-------- -
-------- -
---------- -
----- -----
---------- ------
-------- -
-------- -
------------------------ -
------------ ------
---------- -
--------- -----
-------- -----
-
-
--
----- ---------------- -- -
------------------- ------------
------ --
-
--
----------- -
----- ---------------- -- -
------------------- ---------------
-
--
-------- -
----- ---------------- -- -
------------------- ---- - -------- ---------------------
----- - -------- ------- - - ----------------
----- -------- - -
--------
-------- ------- -------- ------------ ----------
---------- ----------
--
----- -----------------------------------
-
-
-
--
-------- --------- -- -- -
------ --------------------- -----------
-
-
---在上面的代码中，我们定义了 onConnect、onDisconnect 和 onMessage 事件处理程序。在 onConnect 事件处理程序中，我们记录客户端连接。在 onDisconnect 事件处理程序中，我们记录客户端断开连接。在 onMessage 事件处理程序中，我们记录客户端发送的消息，并向客户端发送响应。
如何向 WebSocket 客户端发送实时消息？
当我们接收到并处理客户端发送的消息后，如何向客户端发送实时消息呢？在 Hapi 中，我们可以使用 request.websocket().send() 方法来向客户端发送实时消息。
const response = {
context,
message: `Server received "${message}" message.`,
timestamp: Date.now()
};
await request.websocket().send(response);在上面的代码中，我们定义了一个响应对象，其中包含上下文信息、原始消息和时间戳。然后，我们使用 await request.websocket().send(response) 方法将响应对象发送到客户端。因为客户端是使用 WebSocket 连接与服务器通信的，所以我们发送的消息是实时的，会立即显示在客户端。
示例代码
下面是完整的 Hapi 应用程序代码，其中包括 WebSocket 路由、事件处理程序和实时消息推送：
-- -------------------- ---- -------
----- ---- - ----------------------
----- --------- - ------------------------------
----- ---- - ----- -- -- -
----- ------ - ------------- ----- ---- ---
----- ----------------- ------- --------- ---
--------------
------- ------
----- ------
-------- -
-------- -
---------- -
----- -----
---------- ------
-------- -
-------- -
------------------------ -
------------ ------
---------- -
--------- -----
-------- -----
-
-
--
----- ---------------- -- -
------------------- ------------
------ --
-
--
----------- -
----- ---------------- -- -
------------------- ---------------
-
--
-------- -
----- ---------------- -- -
------------------- ---- - -------- ---------------------
----- - -------- ------- - - ----------------
----- -------- - -
--------
-------- ------- -------- ------------ ----------
---------- ----------
--
----- -----------------------------------
-
-
-
--
-------- --------- -- -- -
------ --------------------- -----------
-
-
---
----- ---------------
------------------- ------- -- ---- -----------------
--
-------------------------------- ----- -- -
-----------------
----------------
---
-------结论
在本文中，我们介绍了如何使用 Hapi 框架和 WebSocket API 实现实时消息推送。我们深入探讨了如何使用 hapi-plugin-websocket 插件定义 WebSocket 路由和事件处理程序，并向客户端发送实时消息。
无论是聊天应用程序、通知系统还是订单跟踪，实时消息推送都是现代 Web 应用程序中不可或缺的功能。使用 Hapi 框架和 WebSocket API 实现实时消息推送，可以帮助我们轻松地构建这些应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/672caf60ddd3a70eb6d9010d