---
# System prepended metadata

title: Node-RED學習心得(安裝篇)
tags: [物聯網]

---

---
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>

