MQTT进阶篇
来源:互联网 发布:淘宝订单截图生成器 编辑:程序博客网 时间:2024/05/21 11:52
转载自:MQTT进阶篇
在MQTT快速入门中,我们介绍了最流行的物联网协议MQTT的背景以及基本使用方法。在这篇文章中,我们会继续考察MQTT的高级玩法——与网页应用的交互。MQTT是基于TCP协议实现,基于HTTP的网页应用便无法与之交互了。为了解决这个问题,许多MQTT代理加上了对WebSockets的支持,可以方便地实现如下场景:
- 显示设备的实时信息
- 接收报警等推送信息
- 查看设备的历史消息
目前Ubuntu 14.04.1 LTS自带的Mosquitto版本比较低,所以我们将使用PPA上的新版本:
apt-add-repository ppa:mosquitto-dev/mosquitto-ppaapt-get updateapt-get install mosquittoapt-get install mosquitto-clients
以下实验是基于已经支持WebSockets的1.4.5版本的Mosquitto。打开WebSockets很简单,只需要在/etc/mosquitto/mosquitto.conf
中添加:
listener 8001protocol websockets
指定以上配置文件重启Mosquitto服务之后,便可以通过任意MQTT over WebSockets的界面,比如HiveMQ WebSockets Client Showcase或者MQTT Client Sample来把玩了:
浏览器其实是以WebSockets协议与MQTT代理交互的,不但可以完成mosquitto_pub和mosquitto_sub的功能,还可以结合HTML5的特性完成很多有意思的场景。下面我们就来实现温度感知器的图形界面。
下面是网页应用的源代码,其中用到了Paho JavaScript Client实现了MQTT over WebSockets:
<!DOCTYPE html><html> <head> <title>Start Page</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="mqttws31.js"></script> </head> <body> <label>当前温度</label> <meter max="100" low="60" high="80" value="30" id="meter"></meter> <script> var client = new Paho.MQTT.Client("host", 8001, "clientId"); client.onMessageArrived = function (msg) { document.querySelector("#meter").value = msg.payloadString; }; client.connect({ onSuccess: function () { client.subscribe("floor-5/temperature"); } }); </script> </body></html>
代码非常直观,在连接到MQTT代理之后便订阅五楼温度的主题。当后台感知器发送温度信息后,比如用MQTT快速入门中提到的命令模拟:
mosquitto_pub -d -q 2 -t 'floor-5/temperature' -m '95'
温度刻度便会随之变化:
由此可见,MQTT以异步推送方式连接万物与信息系统,非常适合物联网场景。
MQTT系列索引:
- MQTT入门篇
- MQTT进阶篇
- MQTT安全篇
- MQTT实战篇
- MQTT进阶篇
- MQTT进阶篇
- MQTT入门篇
- MQTT入门篇
- MQTT入门篇
- MQTT实战篇
- MQTT入门篇
- MQTT入门篇
- MQTT实战篇
- MQTT入门篇
- MQTT实战篇
- MQTT入门篇
- mqtt
- mqtt
- MQTT
- mqtt
- MQTT
- MQTT
- 1 方程组的几何解释
- sift算法知识总结
- ServletAndJsp学习笔记--4
- 解决extjs前端异步导出excel无提示问题
- C#编程入门10_面向对象之继承
- MQTT进阶篇
- Android学习-使用WebView在app上显示网页
- AI如何变革阿里电商?iDST首席科学家任小枫首次公开演讲
- 两日公开课:伯克利深度强化学习训练营 | 视频+PPT
- 阿里巴巴成立达摩院,马云投入1000亿,但未来得靠自己挣钱
- 英伟达为全自动驾驶汽车打造AI计算机,计算力达上代10倍
- 框架笔记
- 软银领投Petuum 9300万美元融资,CMU邢波想让AI走进普通企业
- 12年后,索尼重启机器人业务