什么是 ws-engine-request
ws-engine-request 是一个基于 websocket 技术的前端请求库，它可以实现浏览器与服务器之间的实时通信，并支持断线重连、心跳维持等功能。ws-engine-request 可以帮助前端开发人员更加高效地完成实时数据传输的任务。
如何安装 ws-engine-request
在使用 ws-engine-request 之前，我们需要先安装它。可以通过以下命令来安装：
npm install ws-engine-request
如何使用 ws-engine-request
基本用法
使用 ws-engine-request 可以很容易地建立 websocket 连接并发送请求。以下是一个简单的示例：
-- -------------------- ---- -------
------ --------------- ---- --------------------
----- ------ - -
---- ----------------------
--------- --------------
--
----- --------------- - --- ------------------------
-------------------------
----- -------------
----- -
------- ------
--
-------- ----- -- -
-----------------
--
------ ----- -- -
-------------------
-
---在上面的示例中，我们实例化了一个 WsEngineRequest 对象，并通过 request 方法发送了一次请求。其中，option 是配置选项，url 是服务器地址，protocol 是协议名称。request 方法的参数对象包含了请求的路径、参数、成功回调函数和失败回调函数。
断线重连
在实际使用中，websocket 连接可能会因为网络问题或服务器宕机等原因而断开。为了保证实时通信的可靠性，我们需要在 websocket 连接断开时自动进行重连。ws-engine-request 提供了自动重连功能，以下是一个示例：
-- -------------------- ---- -------
----- ------ - -
---- ----------------------
--------- --------------
------------------ ----- -- ------
------------------ -- -- ------
--
----- --------------- - --- ------------------------
-------------------------
----- -------------
----- -
------- ------
--
-------- ----- -- -
-----------------
--
------ ----- -- -
-------------------
-
---在上面的示例中，除了配置选项外，我们还设置了 reconnectInterval 和 reconnectMaxCount 两个参数。reconnectInterval 表示自动重连的时间间隔，单位为毫秒。reconnectMaxCount 表示最大自动重连次数。当 websocket 连接断开后，ws-engine-request 会自动进行重连，并在达到最大重连次数后停止尝试。
心跳维持
在长时间通信过程中，为了避免出现超时或连接断开等问题，我们需要定时向服务器发送心跳包来维持连接。ws-engine-request 也提供了心跳维持的功能。以下是一个示例：
-- -------------------- ---- -------
----- ------ - -
---- ----------------------
--------- --------------
------------------ ------ -- --------
-------------- ------- -- -----
--
----- --------------- - --- ------------------------
-------------------------
----- -------------
----- -
------- ------
--
-------- ----- -- -
-----------------
--
------ ----- -- -
-------------------
-
---在上面的示例中，我们设置了 heartbeatInterval 和 heartbeatData 两个参数。heartbeatInterval 表示心跳维持的时间间隔，单位为毫秒。heartbeatData 表示发送的心跳包数据。当长时间没有数据传输时，ws-engine-request 会定期向服务器发送心跳包，以维持长连接。
总结
ws-engine-request 是一个基于 websocket 技术的前端请求库，它可以帮助前端开发人员更加高效地完成实时数据传输的任务。在使用 ws-engine-request 时，我们可以通过配置选项来设置服务器地址、协议名称、自动重连间隔、最大自动重连次数、心跳维持间隔、心跳包数据等参数。get、post、put、delete等请求方式均可实现。重点在于断线重连以及心跳维持这两个特性的使用，对于提高实时通信的可靠性非常关键。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671158dd3466f61ffe5f4