简介
@lunnarapps/hermes 是一款基于 WebSocket 协议的通信库，专门用于前端与服务器的实时通信。它可以轻松地在应用程序中使用，以实现可靠、快速和安全的实时通信，同时也提供了相应的API以便自定义配置。
安装
要开始使用 @lunnarapps/hermes，首先需要在项目中安装该 npm 包。可以通过以下命令进行安装：
npm install @lunnarapps/hermes
使用
使用 @lunnarapps/hermes 前，需要先导入该包：
import { Hermes } from "@lunnarapps/hermes";建立连接
创建 Hermes 实例需要传入一个 url 参数，该参数即向服务器发起连接的 URL 地址。同时该方法也支持第二个参数 options，用于设置额外的选项信息。
const hermes = new Hermes("wss://example.com/");发送消息
要发送消息，可以调用 hermes.send() 方法并传入要发送的数据作为参数。此外，还可以通过定义回调函数来检查消息是否成功发送。
hermes.send({ type: "hello" }, (err, data) => {
if (err) {
console.error(err);
} else {
console.log(data);
}
});联网状态
@lunnarapps/hermes 还提供了许多有用的事件和方法，用于检查当前连接状态和处理连接问题。可以通过以下代码获取连接状态：
console.log(hermes.isConnected());
消息接收
在收到服务器发送的消息后，将触发 message 事件。可通过以下代码添加消息处理代码：
hermes.on("message", (data) => {
console.log(data);
});断开连接
要关闭连接，可以调用 close() 方法。此外，还可以通过定义回调函数来检查是否成功关闭。
hermes.close((err) => {
if (err) {
console.error(err);
} else {
console.log("Connection closed successfully.");
}
});总结
@lunnarapps/hermes 是一款强大的 WebSocket 通信库，可帮助前端开发人员实现快速、可靠的实时通信。通过本教程，您将学习如何使用该库建立与服务器的连接、发送和接收消息，以及监测连接状态和关闭连接。希望这篇教程能够帮助你熟练使用 @lunnarapps/hermes 并在前端开发中发挥更大的作用。
示例代码
-- -------------------- ---- -------
------ - ------ - ---- ---------------------
----- ------ - --- -----------------------------
-- ----
------------- ----- ------- -- ----- ----- -- -
-- ----- -
-------------------
- ---- -
------------------
-
---
-- ----
-------------------- ------ -- -
------------------
---
-- ------
----------------------------------
-- ----
------------------ -- -
-- ----- -
-------------------
- ---- -
----------------------- ------ ----------------
-
---来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055fe981e8991b448dd919