[ BBC ] 透過 Blynk App 控制 Micro:bit 基礎教學

英國政府為向下扎根運算思維程式教育，與 BBC、ARM 等公司共同研發出了一款名為 Micro:bit 的微型電腦，免費發送給英國中、小學學生使用。在全世界的數位浪潮下，有效掌握對程式邏輯和語言的掌控，將對未來職涯有舉足輕重的影響。本文描述如何透過 Blynk App 遠端控制 Micro:bit。

學習目標

Micro:bit BLE 之 Arduino 程式
Blynk App 環境設定
開關 LED 燈

情境

先透過電腦撰寫相關的 Arduino 程式並燒錄到 Micro:bit 開發板中，再透過 iPhone、iPad 或 Android 下載 Blynk App 並做相關設定，當設定完成後經由 Blynk App 的 BLE 控制 Micro:bit。

執行步驟

前置準備作業

一台 macOS 電腦 ( 下方範例使用 macOS Sierra )
Micro:bit 開發板
Micro-USB Cable
將 Micro-USB Cable 連接至電腦與 Micro:bit
電腦端相關設定 - 請參考【 Micro:bit 起手式 Arduino 基礎教學】文章
一台 iPhone、iPad 或 Android 手機或平板 ( 下方範例使用 iPhone )

連接圖

❖ 感謝【 Anker Taiwan 】提供拉不斷的 Micro USB Cable

macOS 端 ( 下方範例使用 macOS Sierra )

Step 1. 安裝 BLE Libraries

❖ 1.1  開啟【 Arduino IDE 】

❖ 1.2  點選【 草稿碼 】➙【 匯入程式庫 】➙【 管理程式庫... 】

❖ 1.3  右上角搜尋欄位輸入【 BLEPeripheral 】

❖ 1.4  點選【 BLEPeripheral by Sandeep Mistry 】➙ 再點選【 安裝 】

❖ 1.5  安裝完成畫面

Step 2. 安裝 Blynk libraries

❖ 2.1  開啟覽瀏器並輸入下方網址
       https://github.com/blynkkk/blynk-library/releases/tag/v0.4.7

❖ 2.2  下載【 Blynk_Release_v0.4.7.zip 】

❖ 2.3  解壓縮【 Blynk_Release_v0.4.7.zip 】檔案後會看到如下的內容

❖ 2.4  將【 libraries 】下的所有資料夾複制到【 ~/Documents/Arduino/libraries 】 中

㊟　~/Documents/Arduino/libraries　複制前內容如下

㊟　~/Documents/Arduino/libraries　複制後內容如下

Step 3. 安裝 Blynk App

❖ 3.1  找到【 App Store 】

❖ 3.2  開啟【 App Store 】

❖ 3.3  點選【 搜尋 】按鈕

❖ 3.4  搜尋【 blynk 】關鍵字 ➙ 再點選【 Search 】

❖ 3.5  安裝【 Blynk - IoT for Arduino, RPi, Particle, ESP8266 】的應用程式

❖ 3.6  安裝完成畫面

Step 4. 設定 Blynk App

❖ 4.1  開啟【 Blynk 】App

❖ 4.2  點選【 Create New Account 】註冊帳號並輸入相關資訊完成註冊

❖ 4.3  點選【 Login 】並輸入相關資訊完成登入

❖ 4.4  點選【 Create New Project 】

❖ 4.5  輸入專案資訊
       ① 輸入專案名稱, e.g., Micro:bit - Set
       ② 選擇【 BBC Micro:bit 】裝置
       ③ 選擇【 Bluetooth 】連線型態
       ④ 點選【 Create Project 】按鈕

❖ 5.5  Blynk 會寄送認證碼到您註冊的信箱中再點選【 OK 】按鈕

❖ 5.6  燒錄 Arduino IDE BLE 程式

☼ 開啟【 Arduino IDE 】

☼ 下載【 Blynk_LED.ino 】的程式碼至 Arduino IDE 中
  請到下方 URL 進行下載
  https://github.com/ArcherHuang/Micro-bit/blob/master/Arduino/Blynk_LED/Blynk_LED.ino

☼ 更改認證碼
  將原來的 【 char auth[] = "a17a842931d740e4b01ac11fddb81d88"; 】中的 【 a17a842931d740e4b01ac11fddb81d88 】更改成為步驟 5.5 所收到的認證碼

☼ 下載【 BLESerial.h 】與【 BLESerial.cpp 】的程式碼至 【 Blynk_LED.ino 】 程式碼資料夾中

☼ 設定 Arduino IDE
  ① 點選【 工具 】 ➙【 序列埠 】 ➙ 選擇【 BBC micro:bit 】
  ② 點選【 工具 】 ➙【 Softdevice:無 】 ➙ 選擇【 S110 】
  ③ 點選【 工具 】 ➙【 序列埠 】 ➙ 選擇【 BBC micro:bit 】
  ④ 點選【 工具 】 ➙【 燒錄器 】 ➙ 選擇【 CMSIS-DAP 】

☼ 點選【 草稿碼 】➙ 再點選【 上傳 】燒錄程式

☼ 燒錄完成畫面

❖ 5.7  設定【 BLE 】

☼ 在 【 Blynk App 】 畫面上從右往左滑動畫面會出現【 Widget Box 】

☼  往下滑動【 Widget Box 】➙ 再點選【 BLE (beta) 】

☼  點選【 BLE (beta) 】圖示

☼  點選【 Connect BLE Device 】

☼  點選【 Blynk 】➙ 再點選【 OK 】

☼  點選右上角的【 OK 】

☼  BLE 連線完成畫面

❖ 5.13  設定控制 LED 按鈕

☼ 在 【 Blynk App 】 畫面上從右往左滑動畫面會出現【 Widget Box 】➙ 再點選【 Button 】

☼ 點選 【 Button 】

☼ 設定名稱與 PIN 腳
  ① 設定名稱 , e.g.,LED
  ② 設定 PIN 腳 , e.g., 選擇【 Virtual 】的 Pin 腳為 【 V0 】
  ③ 再點選 【 OK 】

☼ 設定完成畫面

☼ 測試
  點選【 LED 】按鈕，則 Micro:bit 上的 LED 則會發亮; 放開，則會關閉 LED

Menu