Node-RED安裝圖形化節點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中顯示效果

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM