--- creator: Zach tags: 物聯網 created: 2021-10-27 --- # Node-RED學習心得(安裝篇) ## 架構圖 ![](https://i.imgur.com/dPxMB9O.png) <center>核心知識點</center> </br> ## 簡介 Node-RED是基於Node.js建構的web瀏覽器可視化模塊開發工具,所以不需要熟悉Node.js。Node-RED以事件(flow)為基礎進行開發,它具有 1. 提供可視化的開發模塊,對於不熟悉語言的開發者較為友好 2. 將數據以不同類型圖表呈現,尤其是二維數據圖,方便使用者處理**長時間**、**大批量數據** 另外Node-RED也可以連接多種不同的裝置、介面、雲服務、資料庫,例如官網上的介紹,因此也可以用來處理後端任務 ![](https://i.imgur.com/RCR5CbP.png) <center>Node-RED官網</center> </br> 簡單來說它可以結合多種不同的嵌入式裝置、IO設備作為數據提供方,並且連接雲平台與數據庫進行數據的監控 ![](https://i.imgur.com/AJZvT6E.png) <center>數據整合</center> </br> ## 安裝Node-RED ### Windows介面 首先我們需要先到node.js官網下載最新版本的node.js安裝套件 ![](https://i.imgur.com/hoqia3M.png) <center>下載node.js</center> </br> 直接下一步到底完成安裝就可以 ![](https://i.imgur.com/JyoqZ1r.png) <center>安裝node.js</center> </br> 接著開啟命令提示字元輸入指令 ```bash= node -v # 查看當前Node.js版本 npm -v # 查看當前包管理工具版本 npm install -g node-red # 安裝Node-RED ``` ![](https://i.imgur.com/ZF7gikw.png) <center>cmd安裝Node-RED</center> </br> 查看cmd消息顯示已經成功安裝,這時我們可以輸入指令啟動Node-RED ```bash= node-red # 啟動Node-RED ``` ![](https://i.imgur.com/InfLvaz.png) <center>啟動Node-RED</center> </br> 找到[info] Server now running at http://127.0.0.1:1880這行,複製並在瀏覽器上開啟 ![](https://i.imgur.com/ZkUHGy4.png) <center>在瀏覽器中開啟</center> </br> 成功進入教學頁面,可以開始使用了! ![](https://i.imgur.com/xvuiqQs.png) <center>成功開啟Node-RED</center> </br> ### Linux介面 Linux介面的Node-RED安裝過程大致上也與Windows上相同,不過安裝過程中注意要給予權限(sudo大法),以免安裝失敗 第一步一樣先安裝Node.js ```bash= sudo apt install nodejs -y # 安裝Node.js ``` ![](https://i.imgur.com/FTLDtKX.png) <center>安裝Node.js</center> </br> 再來安裝npm包管理套件 ```bash= sudo apt install npm -y # 安裝npm套件 ``` ![](https://i.imgur.com/kus38X8.png) <center>安裝Node.js</center> </br> 安裝Node-RED ```bash= sudo install -g --unsafw-perm node-rpm # 安裝Node-RED ``` ![](https://i.imgur.com/wUeEsR8.png) <center>安裝Node-RED</center> </br> 安裝成功後,執行Node-RED,複製[info] Server now running at的IP地址到網頁瀏覽器中開啟就可以了 ```bash= node-red # 執行Node-RED ``` ![](https://i.imgur.com/r3w0sMM.png) <center>開啟Node-RED</center> </br>