前言
MQTT 是一种轻量级的消息传输协议，用于在客户端与服务器之间传输小型数据。在前端开发中，MQTT 通常用于 WebSocket 的实现。而 mqtt-wildcard 是一个优秀的 npm 包，它可以帮助开发者轻松地处理 MQTT 的订阅和通信，使开发 MQTT 应用更加简单高效。
安装
在项目根目录下使用 npm 安装 mqtt-wildcard：
npm install mqtt-wildcard
简介
mqtt-wildcard 包提供了 MQTT 通信中常用的三种通信方式：广播、点对点通信和请求-响应通信，并且还支持通配符匹配以及封装底层 MQTT 连接，使用它可以省时省力地实现 MQTT 应用的开发。
广播
广播是 MQTT 最简单的使用方式之一。广播会将一条消息发布到所有订阅了该主题的客户端。下面是一个使用 mqtt-wildcard 包发布广播消息的例子：
-- -------------------- ---- -------
----- ------------ - -------------------------
----- ---- - ----------------
----- ------ - ---------------------------------
-------------------- -------- -- -
-----------------------------
-------------------- -- -
-------------------------- ------- ---------
-- ------
---
---------------------
-------------------- -------- ------- -------- -
--------------------- - -------- --------------------- -- ----- -----------
---在这个例子中，我们使用了 mqtt-wildcard 包中的 mqttWildcard 方法封装了底层的 MQTT 连接对象。在 mqttWildcard 方法内部，订阅了 my-topic主题。当连接成功后，我们开始使用 setInterval 每秒发送一条广播消息，使用 console.log 输出接收到的广播消息。
点对点通信
点对点通信需要指定目标客户端，只有订阅了该主题的客户端才能接收消息。下面我们用一个例子演示如何使用 mqtt-wildcard 包发送并接收点对点通信：
-- -------------------- ---- -------
----- ------------ - -------------------------
----- ---- - ----------------
----- ------- - ---------------------------------
----- ------- - ---------------------------------
----------------------
----------------------
--------------------- -------- -- -
------------------------------
-------------------- -- -
--------------------------- ------- -------- -
----- ----------
--- ---------
---
-- ------
---
--------------------- -------- ------- -------- -
--------------------- - -------- --------------------- -- ----- -----------
---在这个例子中，我们创建了两个 MQTT 连接对象 clientA 和 clientB。clientA 发送了一条携带 from 和 to 属性的消息，指定了消息的发送对象（即 clientB）。在 clientB 中订阅了 my-topic 主题，并在接收到消息时，使用 console.log 输出接收到的消息。
请求-响应通信
请求-响应通信是 MQTT 中最常用的通信方式之一。在请求-响应通信中，客户端发送一个请求消息，等待服务器的响应消息，以此实现消息的双向传输。下面是一个请求-响应的例子：
-- -------------------- ---- -------
----- ------------ - -------------------------
----- ---- - ----------------
----- ------ - ---------------------------------
---------------------
-------------------- -------- -- -
--------------------------------------------
-------------------- -------- ------- -------- -
--------------------- - -------- -------- --------------------- -- ----- -----------
---
---
-------- --------------------- -
----------------------------------------- ----- -- ------- -
---- -
---
-
-----------------------在这个例子中，我们创建了一个 MQTT 连接对象 client。在它连接并订阅成功后，使用 sendRequest 函数发送一条请求消息。请求消息的地址为 request/${clientId}/req，这个地址包括了客户端 ID 作为参数，客户端 ID 可以用来判断请求信息的发送方。在请求消息发送到服务器后，服务器将返回一条响应信息，响应信息的地址为 request/${clientId}/res。
mqtt-wildcard 包提供了通配符匹配功能，我们可以匹配任何符合 request/${clientId}/* 模式的话题。当我们的客户端成功订阅了 request/${clientId}/res 主题，当服务器返回响应消息时，client.on('message') 回调函数将会被调用，并输出接收到的响应消息。
总结
通过这篇文章的介绍，我们了解了 mqtt-wildcard 包的使用方式，并学会了在前端应用中实现 MQTT 通信的方法。我们可以运用这些方法实现自己的 MQTT 应用，在实际项目中，这些技术将为我们提供高效可靠的消息传输。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055fd581e8991b448dd60e