MQTT Broker未通过ng2-mqtt库连接到Angle App

时间:2019-08-14 16:09:59

标签: angular websocket mqtt paho

我有一个运行mqtt代理的有角度的应用程序和node.js后端。 Broker已启动并正在运行,我可以在Mqtt Lens中查看数据。

现在我想订阅并在angular中订阅该mqtt代理。

我在app.component.ts中有一个基本代码

import { Component, OnInit } from '@angular/core';
import {Paho} from 'ng2-mqtt/mqttws31';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit{
  title = 'BMS';
  private client;
  mqttbroker = '105.221.215.112';

  ngOnInit() {
    this.client = new Paho.MQTT.Client(this.mqttbroker, Number(7455), 'AHU_client');
    this.client.onMessageArrived = this.onMessageArrived.bind(this);
    this.client.onConnectionLost = this.onConnectionLost.bind(this);
    this.client.connect({onSuccess: this.onConnect.bind(this)});
  }

  onConnect() {
    console.log('onConnect');
    this.client.subscribe('Unilever');
  }

  onConnectionLost(responseObject) {
    if (responseObject.errorCode !== 0) {
      console.log('onConnectionLost:' + responseObject.errorMessage);
    }
  }

  onMessageArrived(message) {
    console.log('onMessageArrived: ' + message.destinationName + ': ' + message.payloadString);  
  }
}

但是没有建立连接。控制台中也没有任何打印内容。有人可以帮助我解决为什么没有建立连接吗?

0 个答案:

没有答案