Hapi.js 和 WebSocket 的实现
在现代 Web 开发中，不可避免地需要处理实时数据传输。为了实现实时通信，许多开发人员使用 WebSocket 技术。而 Hapi.js 是一款流行的 Node.js 框架，可以用于构建高度可扩展和可维护的 Web 应用程序和 API。
本文将介绍如何在 Hapi.js 中使用 WebSocket 实现实时通信。您将了解什么是 WebSocket，以及如何在 Hapi.js 中安装和使用它。最后，我们还将提供一个示例代码，展示如何使用 Hapi.js 和 WebSocket 来构建具有实时通信能力的 Web 应用程序。
什么是 WebSocket？
WebSocket 是一种在 Web 浏览器和服务器之间建立双向通信的技术，它可以以低延迟，高吞吐量的方式实现实时通信。与 HTTP 不同的是，WebSocket 可以在建立连接后持续打开，直到关闭连接。由于双向通信的特性，WebSocket 通常用于实时应用程序，比如聊天应用程序、游戏、在线协作和电子商务网站等。
如何在 Hapi.js 中安装 WebSocket？
为了在 Hapi.js 中使用 WebSocket，我们需要安装一个 WebSocket 库。本文将使用 ws 库。在终端中，我们可以使用以下命令安装它：
npm install ws --save
--save 参数将 ws 库添加到项目的 package.json 文件中，以便您的应用程序可以访问它。
在 Hapi.js 中使用 WebSocket
在 Hapi.js 中使用 WebSocket 的第一步是定义一个 WebSocket 路由。您可以使用 hapi.js 框架中的 route 函数来定义路由。在路由处理函数中，您可以拥有完全控制 WebSocket 连接和消息的处理方式。
以下是定义 WebSocket 路由的基本步骤：
-- -------------------- ---- -------
----- ---- - ----------------------
----- --------- - --------------
----- ------ - --- -------------
----- -----
----- -----------
---
----- --------------- - --- ------------------ ------- --------------- ---
-------------------------------- -------- -------- -- -
---------------------- ------------
---
--------------
------- ------
----- -------------
-------- --------- -- -- -
----- -------- - --------------------- --------
------ --------
--
-------- -
--- -----------
-
---
----- ---- - ----- -- -- -
----- --------------------
----- ---------------
------------------- ------- --- ---------------------
-
-------上面的代码创建了一个 Hapi.js 服务器，然后在端口 3000 上启动它。WebSocket 服务器在 Hapi.js 服务器的监听器上创建，并在建立新连接时输出一条消息。
在设定好路由之后，我们需要建立 WebSocket 连接。在本例中，我们将在 Web 应用程序中使用 JavaScript 来建立连接。以下是建立 WebSocket 连接的基本步骤：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
---------------- --------------
-------
------
------------- ---------------
--------
----- --------- - --- ---------------------------------
---------------------------------- -- -- -
----------------------- -- --------
---
------------------------------------- -- ---- -- -- -
-------------------- --------- ----------
--
---------
-------
-------在上述示例中，我们使用 WebSocket 构造函数并指定服务器地址来建立一个 WebSocket 连接。当连接建立时，我们将通过 open 事件监听器将消息输出到控制台中。我们还使用 message 事件监听器来接收服务器返回的消息。
到此我们就已经成功连接了 WebSocket。但是，我们还需要支持发送和接收消息，这是通过在创建连接后发送消息并在服务器端接收它们来实现的。
以下是如何发送和接收消息的基本示例：
-- -------------------- ---- -------
-------------------------------- -------- -------- -- -
---------------------- -------------
-------------------- --------- -- -
---------------------- -------------
---
------------------ ----------
---
------------------------------------- -- ---- -- -- -
-------------------- --------- ----------
--------------------- ----------
---在上面的示例中，我们在 connection 事件处理程序中接收发送到服务器的消息，然后通过 send 函数将消息发送回客户端。该客户端使用 message 事件监听器来接收消息，并在发送一条回复消息。
实现一个实时聊天应用程序
下面是一个使用 Hapi.js 和 WebSocket 实现实时聊天应用程序的示例。
-- -------------------- ---- -------
----- ---- - ----------------------
----- --------- - --------------
----- --- - ---------------------
----- ------ - --- -------------
----- -----
----- -----------
---
----- --------------- - --- ------------------ ------- --------------- ---
-------------------------------- -------- -------- -- -
-------------------- --------- -- -
------- - --------------------
-------------------- -
---- -----------
--------------- - -------------
------
---- ----------
---------------------------------------- -- -
-------------------- --- --------------- -
----------------------------
---------------
----- -
--------- ----------------
-------- ------------
-
---
-
---
------
---- ---------
---------------------------------------- -- -
-------------------- --- -------------- -- ------ --- ------- -
----------------------------
----- ---------
----- -
--------- ---------------
-
---
-
---
-
---
---
--------------
-
------- ------
----- ----
-------- --------- -- -- -
----- -------- - ------------------------------------- -------------- --------------------------- -------------------- -------- --------------- ----- ----- -------- ------------- ------------ ----- --------------------------
------ ---------
-
--
-
------- ------
----- --------
-------- --------- -- -- -
----- -------- - ------------
--------- -----
------
------
----- ----------------
---------------- ------------
-------
------
------------- ---------
---- --------------------
------
------ ------------ ------------------ ----- ----- --
------ ------------- ------------ --
---- --------------------
-------
--------
----- -------- - ----------------------------
----- --------- - --- ---------------------------------
---------------------------------- -- -- -
----------------------- -- --------
-------------------------------
----- -----------
----- --------
----
---
------------------------------------- -- ---- -- -- -
----- ------------ - -----------------
-- ------------------ --- ---------- -
-------------------------------------- ---------------------------
- ---- -
------------------------------------------ -- ------ - -------------
-
---
-------- ------------------ -
-----------------------
----- ----- - -----------------------------------
----- ------- - ------------
----------- - ---
-------------------------------
----- ----------
----- -------
----
-
-------- -------------------- -------- -
----- -------- - ------------------------------------
----- --- - ------------------------------
------------- - ----------
------------- - ------------- ------------
--------------------------
-
-------- -------------------- -
----- -------- - ------------------------------------
------------------ - --------------------
-
--------------------------------------------------------- -------------
--------------------------------------------------------------- -- -- -
-------------------------------
----- ---------
----- ----
---
---
---------
-------
-------
---
------ ---------
--
-------- -
--------- -
------ ------------
--------- ------------
-----------
-------
--------
--
-
-
--
---
----- ---- - ----- -- -- -
----- --------------------
----- ---------------
------------------- ------- --- ---------------------
-
-------上面的示例代码使用了 Hapi.js 和 WebSocket，实现了一个实时聊天应用程序。当用户进入聊天室时，他们需要为聊天提供一个用户名。然后，应用程序将在聊天页面上显示消息和用户名，并简单地处理输入的消息。
当用户输入文字时，应用程序将向服务器发送一个“typing”消息，告诉其他用户正在输入。当其他用户看到此消息时，他们将只看到“…”，即标明当前用户正在输入消息。当用户实际发送消息时，应用程序将向服务器发送一个“message”消息，并将消息发送给所有的聊天室用户。
结论
在本文中，我们介绍了 Hapi.js 和 WebSocket 的基本概念。我们演示了如何在 Hapi.js 中安装和使用 WebSocket，以及如何使用 WebSocket 和 Hapi.js 开发实时聊天应用程序的示例。希望这个示例能帮助您快速开始使用 Hapi.js 和 WebSocket 来构建实时 Web 应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6731e8f10bc820c5823b21ae