在之前的課程LoRa G-IoT模塊基礎(chǔ)應(yīng)用中,我們已經(jīng)知道如何將從LoRa得到的數(shù)值上傳服務(wù)器,本文我們將學(xué)習(xí)撰寫Node-RED,將數(shù)據(jù)傳送到自己設(shè)計的網(wǎng)頁監(jiān)測接口。
先來介紹一下啊Node-RED
Node-RED是IBM在2013年末開發(fā)的一個開源項目,用于構(gòu)建物聯(lián)網(wǎng)IOT應(yīng)用程序的一個強大工具。它提供基于網(wǎng)頁的可視化的編程環(huán)境,過拖拽已定義node到工作區(qū)并用線連接node創(chuàng)建數(shù)據(jù)流來實現(xiàn)編程
操作步驟
1.申請IBM BlueMix賬號后,進入在左邊的目錄選單選擇樣板,
接著點選“Node-RED Starter”服務(wù),建立服務(wù)后點選產(chǎn)生的鏈接即可進入Node-RED程序頁面。
※如果在樣板那邊沒有〝Node-RED Starter〞,須將左上角有個人照片帳戶資料的下方,選擇「美國南部」,并建立新的空間﹝需命名你的新空間﹞。
2.進入Node-RED首頁后,點選“Node-REDeditor”即可看到默認的溫度感測模板。
3.進入editor頁面后,復(fù)制連結(jié)內(nèi)的程序代碼,
點選editor右上角的設(shè)定選項,選擇“Import”內(nèi)的“Clipboard”,將連結(jié)內(nèi)的程序代碼貼進去后,即可看到我們本次課程的實作─「將LoRa的GPS數(shù)據(jù)傳送到監(jiān)控端用Google Map定位」。
4.首先,我們點擊兩下紫色的“LoRaNode”,這是一個MQTT的input node,我們將先前取得的MQTT信息依序填上,完成Subscribe的動作,你也可以另外先拉一個MQTT node與payload node對接后按下右上角的deploy,可從窗口右邊的debug字段確認是否有數(shù)據(jù)被推播進來,如果沒有就必須回去確認MQTT node是否有哪里設(shè)定錯誤。
設(shè)定MQTT的信息
拉一個MQTT Node+Debug node,確認LoRa的資料有確實推播進來
實作用的Node-RED程序代碼,可以看到同時有ASCII跟GPS Hex兩個function node
從鏈接提供的流程(上圖)可以發(fā)現(xiàn),中間的function node有分為ASCII與GPS Hex兩種decoder,因為LoRa推播的數(shù)據(jù)格式有這種格式供使用者選擇,因此要將相對應(yīng)的function連結(jié),如果MQTT設(shè)定無誤且debug字段也一直有資料跑出來,我們可以在網(wǎng)址端輸入:
http://{你IoT服務(wù)設(shè)定的名稱}.mybluemix.net/loramap
即可看到GPS位置數(shù)據(jù)被標(biāo)示在Google Map上,這個實作就算是大功告成啦!
地點被標(biāo)示在地圖上
第二部分,我們要完成LoRa的監(jiān)控頁面
1.一開始我們先點選主選單中的“Managepalette”,切換到窗口左邊的install字段,在搜尋字符串中輸入“dashboard”,在出現(xiàn)的選單中安裝“Node-RED Dashboard”,這樣dashboard node就會出現(xiàn)在左手邊的node字段了。
2.與第一個實作相同,Import本實作的flow,
※一定要先安裝dashboard node才能import flow,不然會產(chǎn)生錯誤信息,接下來你就可以在debug字段附近看到dashboard字段,使用者可以依自己的需求自由更改各種顏色與線條圖,尤其是有個像是車速儀表板的圖表,需要特別設(shè)定它的最大值與最小值,如此一來我們的測試值就會在這兩個值之間顯示。
3.設(shè)定好了之后按下deploy就可以用瀏覽器進入“http://{你的應(yīng)用程序名稱}.mybluemix.net/ui”,應(yīng)該就能看到設(shè)計的圖表,并且會因為你給的數(shù)值有變化而跟著一起變化,如果都有的話,代表物聯(lián)網(wǎng)的監(jiān)控接口就完成了,之后如果需要也可以設(shè)計符合需求的監(jiān)測面板。
小結(jié)
如果要開發(fā)物聯(lián)網(wǎng)裝置,Node-RED會是你的好選擇,而MQTT則是和Node-RED溝通最快速的橋梁,本文簡述了如何開發(fā)Node-RED的MQTT端口以及Node-RED的監(jiān)控面板,了解如何使用LoRa、Node-RED、MQTT后,你將可以開發(fā)大部分的簡易物聯(lián)網(wǎng)裝置。
作者:何信昱
-
IBM
+關(guān)注
關(guān)注
3文章
1769瀏覽量
74882 -
通信網(wǎng)絡(luò)
+關(guān)注
關(guān)注
21文章
2047瀏覽量
52254 -
LoRa
+關(guān)注
關(guān)注
349文章
1700瀏覽量
232475
發(fā)布評論請先 登錄
相關(guān)推薦
Node-RED賦能ARMxy嵌入式計算機:開發(fā)者的首選
![<b class='flag-5'>Node-RED</b>賦能ARMxy嵌入式計算機:<b class='flag-5'>開發(fā)</b>者的首選](https://file1.elecfans.com/web2/M00/07/17/wKgZombtIG-AAR4rAAH-6_MocZk908.png)
Node-RED + 鋇錸技術(shù)ARMxy工控機實現(xiàn)Modbus轉(zhuǎn)IEC-61850
![<b class='flag-5'>Node-RED</b> + 鋇錸技術(shù)ARMxy工控機實現(xiàn)Modbus轉(zhuǎn)IEC-61850](https://file1.elecfans.com/web1/M00/F2/B2/wKgZoWcImIGAbgP1AAJCLj26KRo951.png)
教程:ARMxy工業(yè)計算機上Node-RED連接本地MySQL的方法
![教程:ARMxy工業(yè)計算機上<b class='flag-5'>Node-RED</b>連接本地MySQL的方法](https://file1.elecfans.com/web1/M00/F2/B0/wKgaoWcIjE-AIOclAAr6uuHRxFI485.png)
ARM控制器與Node-Red:獲取氣象網(wǎng)站數(shù)據(jù)
![ARM控制器與<b class='flag-5'>Node-Red</b>:獲取氣象網(wǎng)站數(shù)據(jù)](https://file1.elecfans.com/web2/M00/07/40/wKgZombuMZ2AIrZ-AAB5_yvi7LA306.png)
Node-Red可視化編程:簡化開發(fā)的創(chuàng)新之選
![<b class='flag-5'>Node-Red</b>可視化編程:簡化<b class='flag-5'>開發(fā)</b>的創(chuàng)新之選](https://file1.elecfans.com/web2/M00/08/08/wKgaombtMS2AG1x8AAFbv-QxLqs199.png)
ARMxy ARM 物聯(lián)網(wǎng)邊緣計算網(wǎng)關(guān)支持 Node-RED 用于工業(yè)控制
![ARMxy ARM 物聯(lián)網(wǎng)邊緣計算網(wǎng)關(guān)支持 <b class='flag-5'>Node-RED</b> 用于工業(yè)控制](https://file1.elecfans.com/web2/M00/04/4A/wKgaombDCd2AAOXOAAQ_5bhIzWA681.png)
ARMxy ARM物聯(lián)網(wǎng)邊緣計算網(wǎng)關(guān)支持Node-RED用于云邊端一體化
![ARMxy ARM物聯(lián)網(wǎng)邊緣計算網(wǎng)關(guān)支持<b class='flag-5'>Node-RED</b>用于云邊端一體化](https://file1.elecfans.com/web2/M00/04/46/wKgaombC-4uAKqJFAAIghC6fwVA696.png)
ARMxy ARM嵌入式計算機支持Node-Red應(yīng)用于Ubuntu系統(tǒng)訂閱消息
![ARMxy ARM嵌入式計算機支持<b class='flag-5'>Node-Red</b>應(yīng)用于Ubuntu系統(tǒng)訂閱消息](https://file1.elecfans.com/web2/M00/02/F8/wKgZoma-7q2AbfnWAACKaFThY7s250.png)
利用ARMxy邊緣計算機BL340與Node-Red實現(xiàn)LED設(shè)備的開閉控制
![利用ARMxy邊緣計算機BL340與<b class='flag-5'>Node-Red</b>實現(xiàn)LED設(shè)備的開閉控制](https://file1.elecfans.com/web2/M00/03/A7/wKgaoma9m42ARaq_AAF7m92CM-8357.png)
使用Node-RED實現(xiàn)ModBus TCP到RTU的轉(zhuǎn)換
![使用<b class='flag-5'>Node-RED</b>實現(xiàn)ModBus TCP到RTU的轉(zhuǎn)換](https://file.elecfans.com/web2/M00/3E/6A/pYYBAGJhBGGAGyDYAACBPQuBZQI711.png)
Node-RED初學(xué)者教程-三分鐘學(xué)習(xí)
![<b class='flag-5'>Node-RED</b>初學(xué)者教程-三分鐘學(xué)習(xí)](https://file1.elecfans.com/web2/M00/F3/A9/wKgZomZ9K8iAJEx9AAFuddar79s482.png)
Node-RED如何制作漂亮的界面
![<b class='flag-5'>Node-RED</b>如何制作漂亮的界面](https://file1.elecfans.com/web2/M00/F4/04/wKgaomZ71YeAEQ0MAA5JK3m3Ipw099.png)
Node-RED安裝本地教程
![<b class='flag-5'>Node-RED</b>安裝本地教程](https://file1.elecfans.com/web2/M00/F2/44/wKgZomZ48jSAYAspAAGqA7WBuU8775.png)
Node-RED實現(xiàn)電表數(shù)據(jù)采集并上云
![<b class='flag-5'>Node-RED</b>實現(xiàn)電表數(shù)據(jù)采集并上云](https://file.elecfans.com/web2/M00/3E/6A/pYYBAGJhBGGAGyDYAACBPQuBZQI711.png)
評論