zoukankan      html  css  js  c++  java
  • Ionic 使用 MQTT

    Ionic 使用 MQTT

    Ionic 使用 mqtt ,有一个比较好用的插件,用起来还不错,记录一下下!
    网址:https://www.npmjs.com/package/ionic-mqtt

    插件安装

    npm install ionic-mqtt --save
    

    在 app.module.ts 里面导包注入依赖

    import { IonicMqttModule, MQTTService } from 'ionic-mqtt';
    
    @NgModule({
      ...,
      imports: [
        ...,
        IonicMqttModule
      ],
      providers: [
        ...,
        MQTTService
      ],
    });
    
    export class AppModule {}
    

    使用

    在需要使用 mqtt 的页面

    import { MQTTService } from 'ionic-mqtt';
    
    @Component({
      selector: 'page-home',
      templateUrl: 'home.html'
    })
    
    export class HomePage {
    
      private _mqttClient: any;
    
      private MQTT_CONFIG: {
        host: string,
        port: number,
        clientId: string,
      } = {
        host: "test.mosquitto.org",
        port: 8081,
        clientId: "mqtt",
      };
    
      private TOPIC: string[] = [];
    
      constructor(private mqttService: MQTTService) {
      }
    
      ngOnInit() {
        this._mqttClient = this.mqttService.loadingMqtt(this._onConnectionLost, this._onMessageArrived, this.TOPIC, this.MQTT_CONFIG);
      }
    
      private _onConnectionLost(responseObject) {
        // connection listener
        // ...do actions when connection lost
        console.log('_onConnectionLost', responseObject);
      }
    
      private _onMessageArrived(message) {
        // message listener
        // ...do actions with arriving message
        console.log('message', message);
      }
    
      ...
    
    
      // public function for sending and publishing mqtt messages
    
      public sendMessage() {
        console.log('sendMessage')
        this._mqttService.sendMessage(TOPIC, MESSAGE);
      }
    
      public publishMessage() {
        console.log('publishMessage')
        this._mqttService.publishMessage(TOPIC, MESSAGE);
      }
    
      ...
    
    }
    

    在这里插入图片描述

    可以了!

  • 相关阅读:
    CNZZ友盟访问明细的采集办法
    实时采集新加坡交易所A50指数
    深入理解DIP、IoC、DI以及IoC容器
    PHP依赖注入(DI)和控制反转(IoC)详解
    PHP 的命令行模式
    浅析PHP中的闭包和匿名函数
    PHP_CodeSniffer 使用攻略
    PSR规范学习笔记
    Composer 的简介、安装及使用
    win7下使用手动安装composer
  • 原文地址:https://www.cnblogs.com/wjw1014/p/12516558.html
Copyright © 2011-2022 走看看