場景

Node-RED訂閱MQTT主題并調(diào)試數(shù)據(jù)：

Node-RED訂閱MQTT主題并調(diào)試數(shù)據(jù)_BADAO_LIUMANG_QIZHI的博客-CSDN博客

上面講了node-red中獲取mqtt數(shù)據(jù)的調(diào)試過程。

如果要模擬通過溫度傳感器的mqtt訂閱的主題中獲取溫度數(shù)據(jù)并在能顯示儀表盤的界面中

實(shí)時檢測刷新數(shù)據(jù)。

node-red支持自定義節(jié)點(diǎn)，當(dāng)然也就支持自定義圖形化的節(jié)點(diǎn)。也有優(yōu)秀的開發(fā)者把自己建立的圖形化節(jié)點(diǎn)無償分享。

我們常用的圖形化節(jié)點(diǎn)叫做儀表板，dashboard，也能做出效果不錯的界面

注：

博客：
BADAO_LIUMANG_QIZHI的博客_霸道流氓氣質(zhì)_CSDN博客-C#,SpringBoot,架構(gòu)之路領(lǐng)域博主
關(guān)注公眾號
霸道的程序猿
獲取編程相關(guān)電子書、教程推送與免費(fèi)下載。

實(shí)現(xiàn)

1、安裝node-red

運(yùn)行node-red,找到節(jié)點(diǎn)管理

找到安裝，搜索dashboard,點(diǎn)擊node-red-dashboard的安裝

安裝成功之后會添加一些新的UI節(jié)點(diǎn)。

2、繼續(xù)上面的mqtt in節(jié)點(diǎn)后面，拖拽一個guage節(jié)點(diǎn)，并連接

3、雙擊該gauge節(jié)點(diǎn)

給其編輯一個分組，label設(shè)置顯示的標(biāo)簽，min與max設(shè)置最大最小值，Units設(shè)置單位，Name設(shè)置節(jié)點(diǎn)顯示名稱。

4、點(diǎn)擊完成，并部署

瀏覽器訪問:

http://127.0.0.1:1880/ui

5、更改mqtt主題中數(shù)據(jù)，查看dashboard中顯示效果

?

總結(jié)

以上是生活随笔為你收集整理的Node-RED安装图形化节点dashboard实现订阅mqtt主题并在仪表盘中显示温度的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。