angular7配置使用mqtt

1.引入mqtt包

npm install ngx-mqtt --save

2.创建一个mqtt.module.ts，并在app.module.ts中引入

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import {IMqttMessage,MqttModule,MqttService} from 'ngx-mqtt';
 
export const MQTT_SERVICE_OPTIONS = {
  hostname: '',//mqtt服务器ip    注：如果是通过域名访问的，此处直接配置域名即可（例如：ceshi.mqtt.com），下面的port可以不用配置
  port: 9001,//mqtt服务器端口

  username: '',//如果有用户名
  password: '',//如果有密码
  path: '/mqtt',//此处填写访问路径
  protocol: 'ws' //默认不配置为ws，https协议需要配置为wss
};
 
 
@NgModule({
  declarations: [],
  imports: [
    CommonModule,
      MqttModule.forRoot(MQTT_SERVICE_OPTIONS)
  ]
})
export class MtModule { }

3.在需要使用的ts文件中引入

import {IMqttMessage, MqttService} from 'ngx-mqtt';

constructor(private mqttService: MqttService) {
    this.mqttService.observe('topic').subscribe((message: IMqttMessage) => {
      console.log(message.payload.toString()); 
    });
}