介绍
@danielr1996/ng-mqtt 是一个基于 Angular 的 MQTT 客户端。通过它，我们可以方便地在 Angular 应用中实现 MQTT 连接。本篇文章将详细介绍如何使用这个 npm 包。
安装
在项目中使用 npm 包时，我们需要首先安装它。打开项目所在的终端，并输入如下命令：
npm install @danielr1996/ng-mqtt --save
其中，--save 表示将这个包添加到项目的依赖里，以便在未来更新时能够正确地安装指定版本。
使用
在项目中使用 @danielr1996/ng-mqtt 包时，我们需要首先在 app.module.ts 中导入 MqttModule：
-- -------------------- ---- -------
------ - ---------- - ---- -----------------------
-----------
-------- -
--------------------
-------- -----------------------
--------- -
---------------- -----
--------- ------------
----- ----
-
--
--
---------- --------------
--
------ ----- --------- - -在这个例子中，我们使用 forRoot() 方法为 MqttModule 提供参数。这个参数是一个对象，包含一个字符串型的键 provide，以及一个值。字符串 'MQTT_SERVICE_OPTIONS' 是一个事件服务供应商的标识符。对于 所有 的 event services，都需要用这个标识符来标识它的参数。
接下来，我们可以在组件中使用 MqttService 服务来连接 MQTT 服务器。示例代码如下：
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ----------- - ---- -----------------------
------------
--------- -----------
--------- ------ ------- -------
--
------ ----- ------------ -
-------- ------ - ---
------------------- ------------ ------------ -
--------------------------------------------------------- ------------- -- -
------------ - ---------------------------
---
-
-在这个例子中，我们注入了 MqttService 服务，并使用 observe() 方法订阅了一个名为 mqtt/test 的频道。当消息到达这个频道时，将会调用 subscribe() 方法并将消息文本渲染到页面上。
总结
本篇文章介绍了如何使用 @danielr1996/ng-mqtt 这个 npm 包来实现 Angular 应用中的 MQTT 连接。我们了解了如何在项目中安装这个包，并以示例代码解释了如何使用 MqttService 服务来进行连接和订阅操作。希望这篇文章对你有所指导和帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005640281e8991b448e1454