WebSocket 是一种基于 TCP 的协议，能够在客户端和服务器之间建立全双工通信的连接。这种连接能够实时地发送和接收数据，使得实时通信和协作成为可能。为了方便地进行 WebSocket 应用开发，许多现代 Web 框架都提供了 WebSocket 功能。本文将介绍如何利用 Hapi.js 构建 WebSocket 应用。
Hapi.js 简介
Hapi.js 是一个用于构建应用程序的 Node.js 框架。Hapi.js 提供了许多功能，包括路由、请求处理、认证、输入验证等。Hapi.js 还提供了可扩展的插件架构，使得开发者可以轻松地扩展和定制 Hapi.js 的功能。
WebSocket 和 Socket.IO
WebSocket 是一种原生的协议，可以在现代浏览器中使用。但是，WebSocket 的 API 很低级，需要编写大量的代码来处理连接和消息。Socket.IO 是一个建立在 WebSocket 之上的库，封装了 WebSocket 的 API，提供了更高级的接口和更好的可靠性和容错性。
我们将使用 Socket.IO 来构建 WebSocket 应用。Socket.IO 支持的所有功能都可以在 HTTP 和 HTTPS 协议之上工作，因此不需要更改现有的网络架构或割裂现有的安全模型。
安装和配置
开始之前，请确保已经在您的计算机上安装了 Node.js。如果没有，请访问 nodejs.org 并按照说明进行操作。安装完成后，请在命令行中输入以下命令来安装 Hapi.js 和 Socket.IO：
--- ------- ---- ---------
创建 WebSocket 服务器
首先，我们需要创建一个 Hapi.js 服务器。我们将在 Hapi.js 服务器上构建 WebSocket 服务器。
----- ---- - ----------------------
----- ---- - ----- -- -- -
----- ------ - -------------
----- -----
----- -----------
---
--------------
------- ------
----- ----
-------- --------- -- -- -
------ ------ --------
-
---
----- ---------------
------------------- ------- --- ---------------------
--
-------------------------------- ----- -- -
-----------------
----------------
---
-------在上面的代码中，我们创建了一个 Hapi.js 服务器，监听本地主机的端口 3000。我们还定义了一个路由，对于 GET 请求，返回 “Hello World!”。最后，我们启动服务器并输出它的地址。
现在，我们需要将 Hapi.js 服务器转换为 Socket.IO 服务器。幸运的是，Socket.IO 提供了一个非常简单的方法来完成这个任务。我们只需要将 Hapi.js 服务器的监听器传递给 Socket.IO 服务器的构建函数即可。
----- ---- - ----------------------
----- -------- - ---------------------
----- ---- - ----- -- -- -
----- ------ - -------------
----- -----
----- -----------
---
----- -- - --------------------------
------------------- -------- -- -
-------------- ---- ------------
---
--------------
------- ------
----- ----
-------- --------- -- -- -
------ ------ --------
-
---
----- ---------------
------------------- ------- --- ---------------------
--
-------------------------------- ----- -- -
-----------------
----------------
---
-------在上面的代码中，我们将 Hapi.js 服务器的监听器作为参数传递给 Socket.IO 服务器的构建函数。然后，我们使用 Socket.IO 的 on 函数来监听连接事件。当用户连接到服务器时，我们输出一条消息。
向客户端发送消息
现在我们已经成功地创建了一个 WebSocket 服务器，并且能够处理连接事件。接下来，我们需要向客户端发送消息。
在 Socket.IO 中，可以通过 emit 函数向客户端发送消息。让我们修改 connection 事件的处理程序以发送一条消息给客户端。
------------------- -------- -- - -------------- ---- ------------ ---------------------- -------- -- --- ---------- ---
在上面的代码中，我们修改了 connection 事件的处理程序。我们使用 socket.emit 函数向客户端发送 message 事件，并附带一条消息。
在客户端，我们可以使用 on 函数来监听 message 事件，并接收消息。
----- ------ - ----- -------------------- ------ -- - ------------------ ---
在上面的代码中，我们创建了一个 Socket.IO 客户端，并使用 on 函数来监听来自服务器的 message 事件。当服务器发送消息时，我们将其输出到控制台。
广播消息
现在，我们可以向单个客户端发送消息。但是，WebSocket 最大的优势之一是能够广播消息。让我们添加广播功能。
在 Socket.IO 中，可以使用 emit 函数向所有客户端发送消息。让我们修改 connection 事件的处理程序以在新客户端连接时向所有客户端发送广播消息。
------------------- -------- -- - -------------- ---- ------------ ---------------------- -------- -- --- ---------- ------------------ -- ---- --- ------------- ---
在上面的代码中，我们使用 io.emit 函数向所有客户端发送消息。当然，在这种情况下，这条消息是每个客户端都能看到的，所以它不是特定于任何单个客户端的消息。
结论
我们已经学习了如何使用 Hapi.js 和 Socket.IO 构建 WebSocket 应用。我希望这篇文章对您有所帮助，并提高了您对 WebSocket 和 Hapi.js 的了解。
在代码示例的基础上，你可以进一步扩展使用 WebSocket 的业务代码与逻辑。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/670dd3835f551281025e8a43