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

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

今天我們要介紹的是DFROBOT的Gravity IoT Starter Kit for micro:bit
以下是盒子的外觀，上面有寫到開始你的第一個真實世界IoT的應用

Image may be NSFW.
Clik here to view.

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

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

Image may be NSFW.
Clik here to view.

接著就要開始使用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/

按右上角的註冊

Image may be NSFW.
Clik here to view.

Image may be NSFW.
Clik here to view.

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

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

Image may be NSFW.
Clik here to view.

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

Image may be NSFW.
Clik here to view.

Step2：進入microbit網頁編輯程式

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

https://makecode.microbit.org/v0

一開始畫面如下圖

Image may be NSFW.
Clik here to view.

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

搜尋OBLOQ套件並點擊添加

Image may be NSFW.
Clik here to view.

添加之後即可使用OBLOQ套件

Image may be NSFW.
Clik here to view.

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

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

Image may be NSFW.
Clik here to view.

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

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

Image may be NSFW.
Clik here to view.

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

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

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

Image may be NSFW.
Clik here to view.

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

Image may be NSFW.
Clik here to view.

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

Image may be NSFW.
Clik here to view.

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

Image may be NSFW.
Clik here to view.

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

Image may be NSFW.
Clik here to view.

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

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

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

Image may be NSFW.
Clik here to view.

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

Image may be NSFW.
Clik here to view.

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

Image may be NSFW.
Clik here to view.

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

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

Image may be NSFW.
Clik here to view.

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

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

Image may be NSFW.
Clik here to view.

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

Image may be NSFW.
Clik here to view.

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

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

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

Image may be NSFW.
Clik here to view.

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

Image may be NSFW.
Clik here to view.

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

Image may be NSFW.
Clik here to view.

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