場景
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、點擊完成,並部署
瀏覽器訪問:
5、更改mqtt主題中數據,查看dashboard中顯示效果