随着现代 Web 应用的发展，越来越多的应用需要实时地与服务器进行通信。其中，WebSockets 技术可以实现全双工通信，而长轮询则是一种模拟实时通信的方式。
在 Hapi.js 中，我们可以通过使用 hapi-plugin-websocket 库来实现 WebSocket 的支持，从而可以方便地实现长轮询功能。
WebSocket 的基本概念
WebSocket 是 HTML5 中的新协议，它允许客户端和服务器之间建立全双工通信，实现实时的数据交互。WebSocket 的优点包括：
- 支持双向通信，可以从服务器主动向客户端推送数据。
- 与 HTTP 协议兼容，可以通过 HTTP/HTTPS 端口进行通信。
- 无需轮询，减少服务器和客户端之间的数据传输量。
通过 WebSocket，我们可以实现更加实时、更加高效的 Web 应用。
Hapi-plugin-websocket 的使用
hapi-plugin-websocket 是 Hapi.js 的一个插件库，可以帮助我们实现 WebSocket 的支持。在使用前，我们需要先安装 hapi-plugin-websocket 和 ws 库：
npm install hapi-plugin-websocket ws --save
安装完成后，在 Hapi.js 应用中添加 hapi-plugin-websocket 这个插件：
-- -------------------- ---- ------- ----- ---- - ---------------------- ----- ------------- - --------------------------------- ----- ------ - ------------- ----- ----- ----- ----------- --- ----- ---- - ----- -- -- - ----- ------------------------------- -- -------
然后，我们就可以在路由处理函数中使用 WebSocket 了。下面，我们将介绍如何使用 WebSocket 实现长轮询。
Hapi.js 中的长轮询
长轮询是一种模拟实时通信的方式，通常用于在不支持 WebSocket 的环境下，实现客户端和服务器之间的实时通信。具体实现如下：
- 客户端向服务器发送请求。
- 服务器等待有数据时才返回响应。
- 客户端收到响应后，再次向服务器发送请求。
- 服务器等待有数据时才返回响应，如此往复。
在 Hapi.js 中，我们可以通过 WebSocket 来实现长轮询。具体实现如下：
-- -------------------- ---- -------
--------------
------- ------
----- ---------------
-------- -
---------- ----- -- ------ --------- --
-------- ----- --------- -- -- -
-- ----------
----- ------- - ------------- -- -
------------------ -- -- -------------
-- -------
--- -
----- ---- - ----- --- ----------------- ------- -- -
-- ------
--------------------------------------------------------- --------- -- -
----------------------
---------------------
-----------------
---
---
------ -----
- ----- --- -
-----------------
----- --
-
--
-
---在这个例子中，我们将一个以“data”为主题的 pubsub 绑定到长轮询路由上。当服务器收到新数据时，它将会发布到这个主题上。然后，我们会通过异步函数来等待新的数据，当有新数据发布时，我们就会得到新的数据，并将其返回给客户端。
示例代码
完整的示例代码如下：
-- -------------------- ---- -------
----- ---- - ----------------------
----- ------------- - ---------------------------------
----- ------ - -------------
----- -----
----- -----------
---
----- ---- - ----- -- -- -
----- -------------------------------
--------------
------- ------
----- ---------------
-------- -
---------- -----
-------- ----- --------- -- -- -
----- ------- - ------------- -- -
------------------
-- -------
--- -
----- ---- - ----- --- ----------------- ------- -- -
--------------------------------------------------------- --------- -- -
----------------------
---------------------
-----------------
---
---
------ -----
- ----- --- -
-----------------
----- --
-
--
-
---
--------------
------- ------
----- --------
-------- ----- --------- -- -- -
------------------------------------------------------- - ------ ------- ---
------ ----- -------
--
---
----- ---------------
--
-------在这个例子中，我们先定义了长轮询路由和一个测试路由。测试路由用于发送数据，长轮询路由用于接收数据。当客户端访问长轮询路由时，它会等待新数据的到来，并返回给客户端。当客户端访问测试路由时，它会向 pubsub 发布新数据。
总结
通过 Hapi.js 和 WebSocket，我们可以很方便地实现长轮询功能，从而实现实时通信。本文介绍了如何使用 hapi-plugin-websocket 插件实现 WebSocket 的支持，以及如何使用 WebSocket 实现长轮询。实际项目中，我们可以根据需求，对示例代码进行修改和扩展，从而实现更加复杂的实时通信功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/645de704968c7c53b0043ceb