angular2中 使用mqtt
来源:互联网 发布:杭州 软件开发 编辑:程序博客网 时间:2024/06/15 04:53
import { Component,OnInit } from'@angular/core';
import { Paho }from 'ng2-mqtt';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export classAppComponent implementsOnInit {
constructor() { }
private _client:Paho.MQTT.Client;
ngOnInit() {
//创建客户端实例
this._client =new Paho.MQTT.Client("114.215.30.117",8083, "xixi");
//mqtt断开时触发
this._client.onConnectionLost = (responseObject:Object) => {
console.log('Connection lost.');
};
//mqtt收到消息时触发
this._client.onMessageArrived = (message:Paho.MQTT.Message)=> {
console.log(message.payloadString);
console.log('Message arrived.');
};
//当连接成功调用
this._client.connect({onSuccess: this.onConnected.bind(this) });
}
private onConnected():void {
//订阅主题
this._client.subscribe('/api/websocket/status', {qos: 1 });
console.log('Connected to broker.');
}
//向服务器发送消息
send() {
var message =new Paho.MQTT.Message("wangwenpeng");
message.destinationName ="Hello2";
this._client.send(message);
}
}
阅读全文
0 0
- angular2中 使用mqtt
- Angular2中使用bootstrap
- play中使用mqtt
- Angular2中如何使用jquery
- Angular2中如何使用jquery
- Android中MQTT的使用(MQTT的使用大同小异)
- angular2中服务的创建和使用
- Angular2中使用ngx-translate进行国际化
- angular2中使用第三方js库
- 在Angular2中使用Observable对象
- angular2使用中问题解决集(不断更新)
- 在Android程序中使用MQTT
- Android中Mqtt协议的使用
- 物联网行业中Mqtt的使用
- MQTT 使用
- 在ASP.NET Core中使用Angular2,以及与Angular2的Token base身份认证
- angular2 中使用第三方组件样式调整
- 在Angular2.0 或 Angular4.0 中使用Jquery
- 高精(第一篇)
- 把二叉树打印成多行
- 将excel树形结构的数据导入数据库
- python基础学习(二)
- jsbc.properties
- angular2中 使用mqtt
- servlet生命周期
- 【java基础】15.I/O:序列化
- How to check memory leaks in android app?
- Maven学习笔记
- Excel 2 Json For Python In Mac
- maven环境配置
- maven +SpringMVC项目的创建中遇到的问题总结
- 使用 Xlistview 展示网络请求数据