NodeRED安装图形化节点dashboard实现订阅mqtt主题并在仪表盘中显示温度

场景

Node-RED订阅MQTT主题并调试数据:

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/121989753

上面讲了node-red中获取mqtt数据的调试过程。

如果要模拟通过温度传感器的mqtt订阅的主题中获取温度数据并在能显示仪表盘的界面中

实时检测刷新数据。

node-red支持自定义节点,当然也就支持自定义图形化的节点。也有优秀的开发者把自己建立的图形化节点无偿分享。

我们常用的图形化节点叫做仪表板,dashboard,也能做出效果不错的界面

注:

博客:
https://blog.csdn.net/badao_liumang_qizhi
关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。

实现

1、安装node-red

运行node-red,找到节点管理

找到安装,搜索dashboard,点击node-red-dashboard的安装

安装成功之后会添加一些新的UI节点。

2、继续上面的mqtt in节点后面,拖拽一个guage节点,并连接

3、双击该gauge节点

给其编辑一个分组,label设置显示的标签,min与max设置最大最小值,Units设置单位,Name设置节点显示名称。

4、点击完成,并部署

浏览器访问:

http://127.0.0.1:1880/ui

5、更改mqtt主题中数据,查看dashboard中显示效果

博客园: https://www.cnblogs.com/badaoliumangqizhi/ 关注公众号 霸道的程序猿 获取编程相关电子书、教程推送与免费下载。
原文地址:https://www.cnblogs.com/badaoliumangqizhi/p/15701668.html