WebSocket 技术现在已经成为前端开发领域中的一个不可或缺的组成部分。Hapi.js 是一个支持 WebSocket 的框架，在开发 WebSocket 应用时非常方便。本文将介绍如何使用 Hapi.js 开发 WebSocket 应用，并提供详细的代码示例和学习指导。
编写 WebSocket 服务器
首先我们需要安装 Hapi.js 和相关的依赖包。可以使用 npm 进行安装：
npm install hapi@16.x.x --save npm install websocket@1.x.x --save
在 Hapi.js 中，可以使用 server.connection() 方法来创建一个新的连接，并指定连接相关的参数。为了支持 WebSocket 连接，需要将 listener 参数设置为 http.createServer() 函数返回的对象，如下所示：
-- -------------------- ---- -------
----- ---- - ----------------
----- ---- - ----------------
----- --------- - ---------------------
----- ------ - --- --------------
----- ---------- - -
----- -----
--------- --------------------------------
--
------------------------------接下来，我们可以使用 server.route() 方法来添加 WebSocket 事件处理器。在 Hapi.js 中，可以使用 request.websocket() 方法来获取 WebSocket 连接对象。当客户端与服务器成功建立连接后，就会触发 connect 事件，我们可以在该事件回调函数中进行一些初始化操作。当客户端发送消息时，就可以在 request.websocket() 方法返回的对象上监听 message 事件，从而接收客户端发送的数据。示例如下：
-- -------------------- ---- -------
--------------
------- ------
----- ------------
------- -
-------- ----------------- ------ -
------------ ---------
-
-
---
--------------
------- ------
----- -------------
------- -
-------- ----------------- ------ -
---------------- -- ---------
--
---- -
---------- -----
---------- ------------ -
-- --------------
---------------------- -- -------------
-
-
-
---
--------------------------- ----------------- ------ -
-- ------------------- -
--------------------------------- ------------- -
-------------------- ----------- --------------
---
-
------ -----------------
---在上面的示例中，我们定义了一个 GET 方法的路由，它将处理根路径的请求。我们还定义了一个 /websocket 路由，用来处理 WebSocket 连接。在该路由的 config 属性中，我们将 websocket 设置为 true，表示该路由可以处理 WebSocket 的连接请求。此外，我们还指定了 onConnect 属性，用来处理连接建立事件。在事件回调函数中，我们可以对连接执行一些初始化操作。
最后，我们使用 server.ext() 方法来监听所有请求，并在请求处理结束后检查该请求是否包含 WebSocket 连接。如果包含，则添加 message 事件的监听器，接收从客户端发来的数据。
创建 WebSocket 客户端
为了测试上面编写的 WebSocket 服务器，我们需要编写一个客户端程序。可以使用 JavaScript 自带的 WebSocket API，如下所示：
-- -------------------- ---- -------
----- --- - --------------------------------
----- -- - --- ---------------
--------- - ---------- -
---------------------- -- -------------
-------------- ----------
--
------------ - ------------- -
-------------------- ----------- ----------
--在上面的代码中，我们首先创建一个 WebSocket 对象，并指定连接地址。当连接建立成功后，将执行 onopen 事件回调函数，打印一条日志并向服务器发送一条消息。当服务器回复一条消息时，将在 onmessage 事件回调函数中打印日志。
运行和测试
启动服务器和客户端程序后，如果一切顺利，应该能够在客户端和服务器之间建立成功 WebSocket 连接。当客户端发送一条消息时，服务器将收到消息并输出到控制台。此外，客户端也能够接收服务器回复的消息，并输出到控制台。这时，我们就成功地使用 Hapi.js 创建了一个 WebSocket 应用！
总结
本文使用 Hapi.js 框架编写了一个简单的 WebSocket 应用，并提供了完整的代码示例和学习指导。使用 Hapi.js 开发 WebSocket 应用非常方便，可提高开发效率。如果您希望深入学习 WebSocket 技术并应用到实际开发中，建议您深入研究 Hapi.js 框架。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6593c59deb4cecbf2d8684d1