将 MQTT 客户端添加到我的 Angular 2 应用程序答案

【问题标题】：Adding a MQTT Client to my angular 2 app将 MQTT 客户端添加到我的 Angular 2 应用程序
【发布时间】：2026-02-21 05:55:01
【问题描述】：

我正在尝试使用 MQTT.js 库为我的 Ionic2/Angular 2 项目创建一个 MQTT 客户端，但我只是不知道如何实现它。到目前为止，我为我的项目创建了一个名为 mqtt-client 的提供程序，然后我已经包含了库类型

npm install mqtt --save

然后

npm install --save @types/mqtt

之后我将模块添加到我的提供程序：

import { Injectable } from '@angular/core';
import { Http } from '@angular/http';
import 'rxjs/add/operator/map';

import { Client, Packet, connect } from 'mqtt';

@Injectable()
export class MQTTClient {
  constructor(public http: Http,  public packet: Packet, public client:Client ) {
    console.log('Hello MqttClientProvider Provider');


  }

}

我该如何继续？提前致谢

【问题讨论】：

这个成功了吗？
这对github.com/sjmf/ng2-mqtt-demo有帮助吗？

标签： javascript angular ionic2 mqtt

【解决方案1】：

我个人使用 ngx-mqtt，它是 MQTT.js 的 Angular 包装器，它适用于大多数版本的 Angular，这就是为什么在 ng 之后有一个 x

https://sclausen.github.io/ngx-mqtt/

您应该能够按照上面链接中的说明无缝启动并运行它。

【讨论】：