Micro:bit雲端IoT應用:使用圖形化網頁編輯程式,上傳溫度資料到雲端

作者郭俊廷
時間60分鐘
難度***
材料表電腦/筆記型電腦/
Gravity IoT Starter Kit for micro:bit X1

今天我們要介紹的是DFROBOT的Gravity IoT Starter Kit for micro:bit
以下是盒子的外觀,上面有寫到開始你的第一個真實世界IoT的應用,本篇文章分別以Makecode舊版、新版介面做教學,舊版與新版MakeCode差異請看此篇-連結

內盒裡的內容圖片,如外盒裡所說有許多IoT應用元件跟OBLOQ Wi-Fi模組

裡面包含了一份快速入門指南,還有一個micro:bit主板跟一個Micro:Mate擴充版跟OBLOQ Wi-Fi模組。接著包含著許多物聯網的感測器及應用元件,有數位 紅外線動作感測器、類比聲音感測器、類比電容式土壤濕度感測器、數位揚聲器模組、數位防水溫度感測器、微伺服機、數位繼電器模組。最後還有一條連接電腦跟micro:bit的Micro USB線。

接著就要開始使用DFROBOT的IoT平台Easy IoT來使用你的IoT服務

從開始註冊到實際應用範例有以下幾個步驟
1.註冊IoT帳號且新增IoT裝置
2.進入microbit網頁編輯程式
3.連接micro:bit的板子且燒入程式
4.OBLOQ的WIFI模組連接且功能測試
5.使用DFRobot裡面附贈的防水型溫度感測器KIT0021來實際應用

Step1:註冊IoT帳號且新增IoT裝置

首先我們到Easy IoT註冊你的帳號

http://iot.dfrobot.com/

按右上角的註冊

登入之後進入工作間新增你的設備 點添加新的設備
這裡的新增的設備可以在Step2編寫程式使用,所以可以自己任意設定名字

在工作間這裡有顯示使用者Iot的ID跟密碼
因為要測試可否連線至Wi-Fi,所以我們新增一個名字叫WIFI的設備。
新增的WIFI裝置有個Topic
使用者Iot的ID跟密碼,還有裝置的Topic是用來使用待會Step2編寫程式時Wi-Fi設定要用到的。
你裝置的Topic是對應你寫的程式,會顯示內容所對應的裝置,Step2將會編寫程式顯示Hello在這個裝置上。

點擊眼睛圖案可以顯示使用者Iot的ID跟密碼

Step2:進入microbit網頁編輯程式

舊版本MakeCode

接著就要開始進行程式編輯,我們要設計一個程式透過Wi-Fi每一秒鐘都傳送一個Hello到裝置上。
接著進入microbit網頁進行程式編輯

https://makecode.microbit.org/v0

一開始畫面如下圖

因為我們是使用OBLOQ的Wi-Fi模組 所以我們需要新增OBLOQ套件
點擊進階裡的添加套件

搜尋OBLOQ套件並點擊添加

添加之後即可使用OBLOQ套件

使用Obloq套件裡的Obloq mqtt初始設置
並設定當啟動時Obloq mqtt初始設置

設定自己的Wi-Fi名稱跟密碼,還有自己Iot的ID跟密碼,還有你裝置的Topic(這裡要注意的是Wi-Fi名稱的大小寫要注意要完全相同,Iot的ID跟密碼裝置的Topic則是使用Step1所註冊新增的)
並且服務器選擇全球

接著編寫程式每一秒鐘都傳送一個Hello到裝置上 設定每隔一秒送出Hello到topic_0且重複執行

開始下載程式到你的micro:bit板子上
首先記得存檔按右下角的存檔圖案

然後按下載即會產生一個HEX檔,我們產生的是microbit-WIFIstarted.hex

 

新版本MakeCode

新版的編輯器

https://makecode.microbit.org/

數學模組裡面也增加了很多常用的數學運算,例如平方根、四捨五入等等

舊版的OBLOQ套件程式是無法在新版的編輯器上跑的,會無法連上網路

而且用搜尋套件的方式也找不到

這時候我們使用github的網址來新增套件

https://github.com/DFRobot/pxt-ObloqV1

功能跟之前差不多,但目前無法使用舊版的套件

馬上來測試新版的OBLOQ套件網路功能有無正常

我們簡單測試傳送文字到Easy IoT上面,並且按A按鈕也可以傳送文字在上

在啟動時一樣是設定WIFI跟物聯網服務的ID跟密碼還有通道名稱

重複無限次的部分,還有按A按鈕的時候

到Easy IoT網站查看訊息有無傳送到

Step3:連接micro:bit的板子且燒入程式

接著開始連接micro:bit的板子和燒入程式
這裡我們先講解如何把micro:bit的板子跟Micro:Mate擴充板連結一起
如下圖原本是兩個板子加上兩顆螺帽

把右邊的擴充板放到micro:bit板子上用螺帽鎖緊之後就會變成下圖

反過來才是正面顯示LED圖案的地方

接下來把電腦裡的USB線插入micro:bit主板MicroUSB孔(這裡要注意不要插錯插到擴充板上)

這時候電腦會跳出一個micro:bit的硬碟,把自己的HEX檔複製進去即可燒入完成

燒入完成時這時候LED顯示XX請不要擔心,因為OBLOQ的WIFI模組還沒裝上去

Step4:OBLOQ的WIFI模組連接且功能測試

這裡我們開始連接OBLOQ的WIFI模組跟程式功能測試
OBLOQ的WIFI模組有四條線如下圖有四條線紅黑綠藍

紅的是電源線
黑的是接地線
綠線我們把他設定連接到P1 pin
藍線我們把他設定連接到P2 pin
接到Micro:Mate擴充板接法如下圖

接著把電源插入Micro:Mate擴充板即可看到OBLOQ WIFI模組由藍燈轉為綠燈,並且燈號顯示打勾即代表你的WIFI設定沒問題程式功能一切正常。
注意紅框所框起來的部分有顯示燈號

燈號影片:
接著要看看我們在Step2寫的Hello程式有無傳送成功
在工作間自己的裝置點查看詳情

拉至底部的最新消息即可看到Hello傳送成功,每隔一秒即接收到一次Hello
這樣即代表你的硬體接線、Wi-Fi設定、程式都沒問題。

Step5:使用DFRobot裡面附贈的防水型溫度感測器KIT0021來實際應用

接著我們要開始利用OBLOQ WIFI模組來實際應用
我們使用套件組裡面附的DFRobot KIT0021防水型的溫度感測器來實際應用
以下就是防水型的溫度感測器,先把它組合完成,輸出直接接轉接頭,溫度計部分A接黃線、B接紅線、C接黑線。

接著把它連接到Micro:Mate擴充板上
紅線接電源,黑線接地,綠線接P0 pin

接著開始設計讀取溫度計的程式
因為需要用到溫度計的套件所以再新增一個套件(這裡我們用到Step2裡用到的進階裡的添加套件)

添加套件不只可以使用搜尋的方法也可以從別人寫好的github網址裡新增套件
由以下網址新增ds18b20溫度計模組

https://github.com/DFRobot/pxt-ds18b20

新增之後可以使用ds18b20溫度計模組
原先的網路設定要留著才有網路功能,接著把重複無限次改成發送消息PIN0讀取的溫度(字串)到topic_0,並且設定每隔五秒接收一次溫度。

程式寫好之後根據Step3的步驟將程式燒入到板子上,即可去裝置查看詳情查看溫度有無每隔五秒就接收到。
每隔五秒都有接收到溫度,代表程式、接線都沒問題。

以上就是我們的DFROBOT的Gravity IoT Starter Kit for micro:bit套件組的介紹與實際應用的範例謝謝大家觀看。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *