資料 來自  https://sites.google.com/site/wenyunotify/12-node-red/01-%E5%85%A5%E9%96%80%E7%AF%87  

Node-Red 入門篇

(2021/08/03)

8/1參加楊俊益老師(益師傅)有關MQTT及node-red的線上課程，趕快把上課內容記錄下來免得忘記

一、安裝Node-RED (Windows下)

1. 先到Node.js 官網：https://nodejs.org/en/，下載安裝檔(這次下載14.17.4 LTS)

2.執行下載的安裝檔(node-v14.17.4-x64.msi，檔案不大，大約30MB)

3.確認Node.Js與NPM版本

4.輸入 npm install -g --unsafe-perm node-red 安裝Node-RED

5.輸入node-red，啟動Node-RED，最後沒有>符號，代表在背景執行

【補充】益師傅建議從【開始】/【所有程式】，到node.js資料夾下，找到【Node.js command prompt】進入後，輸入node-red，他說這樣權限才不會太大 (另一個是PowerShell，這個權限太大了)

6.開啟瀏覽器，並在網址列輸入127.0.0.1:1880 (localhost:1880也可以)，這樣就可以成功進入 Node-RED了

二、認識Node-RED 的環境

• 區域說明

• 常用功能：除錯窗口

• 執行程式，就是【部署】，可針對不同狀況去選擇部署內容

• 匯入檔案

• 程式說明：程式如果有修改就要重新【部署】

• 自己重拉一個來玩玩

• 節點：不要安裝來路不明的節點

三、認識dashboard(數位儀表板)

• 安裝dashboard

  • 進入【節點管理】

• 匯入儀表板測試檔案(益師傅提供)

• 啟動dashboard，Dashboard是Node-RED最重要的呈現結果

• 更改版面，更改後，【全部】的TAB都會跟著一起改版面

• 更改位置(layout)

• 新增Tab、Group、Spacer

  • 如果新增的Tab，裡面沒有Gruop

  • 如果新增的Group，裡面沒有Spacer

  • 如果新增的Spacer，裡面沒有流程

  • 它們都不會顯示出來

• 練習建立一個TAB

  • 新增一個TAB名稱(及改名)

• 新增Group(及改名)

  • 新增完由於裡面都是空的，所以數位儀表板也不會顯示TAB

• 新增流程，先複製現有的

• 選擇這輸入要擺放在哪個GROUP下

• 部署後，就會在數位儀表板看到AAA的TAB了

入門篇先介紹到此！！