5 bluemix-lora application iii

© 2016 IBM Corporation

Arey Liu

IBM Cloud, Taiwan

Bluemix – LoRa application III• With dashboard

© 2016 IBM Corporation2

新增 node-red node

在先前的投影片中（ LoRa I & II ）中提到很多 LoRa 在Node-RED 上的應用，但是都只是應用原有的 node 加以組裝而成，在這份投影片中將會教大家如何新增一個 node-red node

圖片來源： https://github.com/pimatic/pimatic/issues/381


新增 Git 空間

由於 node-red 本身是 based on node.js, 故 npm 上當然有他的套件存在，但是要如何在自己的雲端服務中開啟 command line 使用 npm 來安裝？其實不用那麼麻煩，如果熟悉 node.js的話一定很熟悉 package.json, 裡面記錄了所有會用到的 npm module 所以我們只需要將package.json 中作些微修改就可以了！

首先，先到自己的 CF 頁面 ( 也就是有 IoT 服務的應用程式 ) 在右上角會有一個新增 Git 的按鈕點選後會出現以下畫面，按確認即可：


編輯頁面

完成 Git 後，點擊右上角編輯程式碼就可以進入編輯頁面：

2). 加入freeboard 這行

1). 點擊package.json

3). 按下執行鍵


重新啟動應用程式

建置完成後，建議回到應用程式的儀表板，按下畫面右方的重新啟動程式：

重新啟動過後就可以再次開啟你的 Node-Red 頁面，這時你會發現你旁邊的 module 中多了一個類別叫 advance, 其中有一個 module 即為 freeboard ！


建立 LoRa 監控面板

Node-Red Flow 放置在： https://goo.gl/fFa1tJ Import flow 進去後，先 Deploy 一次，此時應該可以進入：

http://{ 你的應用程式名稱 }.mybluemix.net/freeboard

https://goo.gl/fFa1tJ

https://goo.gl/fFa1tJ


Freeboard 使用方法

在剛剛 Import 的 flow 中，先點擊旁邊的方框，先送出第一筆模擬資料流( 如果你的 LoRa 你已經設定好了也不反對你直接透過你的 LoRa Device 來傳送你的資料，只是不建議先用 LoRa 推播而已 )

在 freeboard 的頁面中，先點擊 DATASOURCES 底下的 ADD ， Type 選擇LoRaDashboard


設定動態儀表板

建立好 DATASOURCES 後，你會發現，其實 LoRaDashboard ，是我們剛剛加入 Flow 的freeboard 名稱，意味著他的資料來源會來自 node-red 中輸入該節點的資料

接著就要加入數字面板了，點擊左邊的 ADD PANE 可以看到底下多了一個方框，點擊＋：

選 Gauge


點選DATASOURCE 並選取剛剛命名的名字， Title 寫這個圖的名稱

選取你想要圖像化的數據

如果沒有出現第二個的話，就表示目前還未有資料進入DATASOURCE ，所以可以先去點擊剛剛的

Max & min 數值可自行修改


完成後就會顯示出他所收到的數據：

這時候要存下這個 dashboard ，點選上方的 SAVE Freeboard -> PRETTY ，他會將目前的dashboard 設為一個網址，方便隨時可以監看 :

e.g. http://{ 你的服務器名稱 }.mybluemix.net/freeboard/#start-{ 系統產生編號 }


LoRa module 端應傳送資訊

在本範例中， LoRa 上傳的資訊為 Hex ， AT-command 中的 data 為 151C ， decode 的方法也是前兩位為 PM2.5 的 hex 後兩位為溫度的 hex ，整體 command 為 AT+DTX=4,151C

5 bluemix-lora application iii

Software