摘要：node-red是一款基于Node.js的開源可視化界面開發工具，不需要掌握node.js而通過拖拽即可完成資料的可視化展示。
1.首先看一下node-red對資料的渲染效果
你可能認為，必須熟練掌握前端知識才能做出這樣的頁面，實際上它隻需要一下幾步拖拽操作即可
node-red本身就是為MQTT而誕生，是以很适合進行物聯網資料展示，支援資料庫操作、mqtt協定,同時使用者也可以在它的基礎上，使用html等進行前端界面修改。如果你想快速而完美的展示你的資料，不妨試一試NODE-RED。當然，你想安裝它，也很簡單的~~
2.安裝
首先需要安裝nodejs（百度上有很多示例，也挺簡單的，就不講解啦）,然後 在控制台輸入 npm install -g --unsafe-perm node-red 即可；
為了讓node-red在背景保持運作，我們使用此指令：nohup node-red &
完整的安裝步驟如下
- 安裝nodejs環境
sudo apt-get install nodejs - 安裝node-red
sudo apt-get install npm
sudo npm install -g node-red - 普通運作
node-red - 背景持續運作
nohup node-red & 3.使用示例
展示一下我自己展示溫濕度的頁面
nede-red這款工具，好用而且簡單，很适合初學者。給大家分享一下我的資料展示，附源碼（頁面交醜，僅供交流學習）其中包括連接配接mqtt伺服器、資料插入mysql資料庫
資料展示頁面
在下面這個界面中，我進行了兩個溫度、兩個濕度資料的展示；當訂閱的主題接受到消息後，解析json資料格式，得到溫濕度資料并展示在前端
布局：
注意，在此布局中，有使用到資料庫。我使用的是mysql，隻是簡單的插入資料，僅供參考。
- 紫色的方塊為訂閱的MQTT消息，需要配置相應的參數
- 綠色為調試資訊；
- 藍色方塊為布局的展示，不同部件，展示的效果不同
- 黃色方塊為資訊格式轉化，主要是為了友善折線圖的展示；
- 橙色方塊為資料庫操作，需要連接配接自己的資料庫；
其實實作很簡單，就是通過拖拉、然後設定相應的參數，基本上不要求程式設計能力。而且，隻要有資料，就可以通過nodered去展示。
點選關注，第一時間了解華為雲新鮮技術~