550 likes | 720 Views
Node-R e d 基 本元件操作實驗. NODE-RED 基本實例. 設計一個 UI 顯示 Raspberry pi 的 CPU 溫度 如何取得 空氣品質指標 (AQI) 的 資料 如何抓取氣象局的資料 在 Node-Red 使用 Json 資料庫儲存資料. 設計一個 UI 顯示 Raspberry pi 的 CPU 溫 度. 1. 在右上角點擊. 2. 選擇 Import Examples ibm Watson- iot Pi cpu temperature. 1. 放值空白的地方. 連起來. 2. 加入 debug 元件.
E N D
NODE-RED基本實例 • 設計一個UI顯示Raspberry pi 的CPU 溫度 • 如何取得空氣品質指標(AQI)的 資料 • 如何抓取氣象局的資料 • 在Node-Red使用Json資料庫儲存資料
1.在右上角點擊 2.選擇Import Examples ibm Watson-iot Pi cpu temperature
1.放值空白的地方 連起來 2.加入debug元件 3.按下Deploy
若找不到debug視窗,請按下Ctrl + Space (空白鍵) 發現Raspberry pi 的CPU 溫度有傳進來
1.取到CPU溫度值然後加入UI界面元件 2.到dashboard,拉出兩個元件 3.到function ,拉出function元件
1.把拉出的元件連接起來,如下圖示 2.把timestamp的屬性欄的 Repeat 設成 interval 時間為30s 3.點擊function元件,然後編輯
1.點擊gauge元件,然後編輯 5.Range MAX改成80,然後點擊Done 2.點擊編輯 3.更改名字 4.點擊Update
1.點擊chart元件,然後編輯 3.點擊Done 2.點擊選擇剛更改的群組 4.按下Deploy
1.在網頁輸入網址 http://192.168.xx.xx:1880/ui 儀表板就會顯示你的Raspberry Pi 主機溫度
如何取得空氣品質指標(AQI)的資料 什麽是PM2.5 資料來源 --行政院環境保護署 http://www.epa.gov.tw/public/Data/511515595871.pdf
行政院環境保護署--環境資源開放平臺 輸入空氣品質指標(AQI) http://opendata.epa.gov.tw/
空氣品質指標(AQI) 點選空氣品質指標(AQI) 點選JSON
1.把網址複製下來 http://opendata.epa.gov.tw/ws/Data/REWIQA/?$orderby=SiteName&$skip=0&$top=1000&format=json
1.貼上剛複製的網址 2.選擇 a parsed JSON Object
只取PM2.5的值,空氣品質狀態和發佈時間 1.填入程式碼 2.改成3
1.按下inject 2.就會出現數值
1.把UI的元件增加上去,並把屬性欄填好 2.把timestamp的屬性欄的 Repeat 設成 interval 時間為1hr
如何抓取氣象局的資料 氣象局目前天氣網頁 http://www.cwb.gov.tw/V7/observe/real/NewObs.htm
範例以板橋爲主,若需更換地點請往下看 板橋 http://www.cwb.gov.tw//V7/observe/24real/Data/46688.htm
1.選擇地點 2.假設選擇臺北,網址如下 3.然後在XXXX填入該號碼 http://www.cwb.gov.tw/V7/observe/24real/Data/XXXX.htm
1. 根據如下圖示,拉出所需的元件 x1 x2 x2 x2 x1 x2 x1 2. 根據如下圖示連接起來
1.把timestamp的屬性欄的 Repeat 設成 interval 時間為1min 2.把http request node的屬性欄的 URL輸入 3.選擇 a UTF-8 String
1.根據下圖設定 2.跟td屬性欄一樣,唯有Select 的欄位改成th
1.填入程式碼 3.填入程式碼 2.設定Outputs 為3
1.設定元件群組 2.設定元件類型為Level ,並 Size 為3x3 3.其他元件只需設定名字,然後Deploy
在Node-Red使用Json資料庫儲存資料 1.在Manage Palette裏,安裝JSON 的資料庫(DataBase)的套件 json-db-node-red 儲存JSON 的資料庫(DataBase)的套件 儲存資料節點 讀取資料節點 2.安裝好了,使用PM2.5的範例來做實際應用 http://opendata.epa.gov.tw/ws/Data/REWIQA/?$orderby=SiteName&$skip=0&$top=1000&format=json 在這網址裏的JSON格式有很多不同地點的感測資料,每次都要改程式,比較不方便,所以需要改進
1.紅色框起來的是需要添加或更改 Q:跟之前有什麽不一樣? A:以之前的做法,沒辦法在儀表版切換地點,即使加了地點選項,每次查詢都會詢問一次網址回傳資料,這樣會浪費很多時間等待和資源,所以增加了資料庫來存取網址資料,不需要每次查詢地點時詢問網址取得資料,直接在資料庫查詢,這樣查詢快,網路負載不會那麽重。
1. 根據如下圖示,拉出所需的元件 x1 x1 x1 x1 x1 2.使用PM2.5的範例改成如下的圖示
1.點擊鉛筆的圖示,在Collection欄框填入名字Data 2.資料的名字叫/PM2.5Data 3.初始的設定,會把原本的資料覆蓋
1.根據下圖設定 *每小時會詢問網址,並把網址回傳的資料儲存在資料庫,同時觸發后5秒讀取一次資料確保資料顯示在儀表板上。
1.設定元件群組 http://opendata.epa.gov.tw/Data/Contents/AQI/ 2.在Options設定下拉選單内容, 地點可在網址資料尋找 3.在Options下方可增加欄位
1.點擊鉛筆的圖示,選擇你剛設定的Data 2.選擇你剛設定的DataPath
1.這是原本的程式 2.把’板橋’改成
Node-red 儀表板 1.然後你可以使用下拉選單選擇你要的地點