angular项目实现mqtt的订阅与发布 ngx-mqtt

[https://github.com/sclausen/ngx-mqtt](()

安装 ngx-mqtt

---

首先在angular项目中安装 ngx-mqtt

npm install ngx-mqtt --save

配置mqtt服务器

---

然后需要在app.module.ts或者使用mqtt的组件中配置mqtt服务器信息。

import {

IMqttMessage,

MqttModule,

IMqttServiceOptions

} from ‘ngx-mqtt’;

export const MQTT_SERVICE_OPTIONS: IMqttServiceOptions = {

hostname: ‘192.168.1.123’, // mqtt 服务器ip

port: 8083, // mqtt 服务器端口

path: ‘/mqtt’

};

@NgModule({

declarations: [HomeComponent],

imports: [CommonModule, FormsModule, SharedModule, HomeRoutingModule, MqttModule.forRoot(MQTT_SERVICE_OPTIONS)]

})

在需要的组件中使用ngx-mqtt订阅和发布消息。

首先引入

import {Subscription} from ‘rxjs’;

import {IMqttMessage, MqttService} from ‘ngx-mqtt’;