[ MediaTek ] 將 LinkIt Smart 7688 的感測數據傳送到 Blynk App 教學

與 IoT 相關的雲端服務為數眾多,例如:ThingSpeakWoT.CityAWSIBM BluemixMediaTek MCS 等,並在透過這些雲端服務可在對資料進行資料視覺化、資料分析與其它的應用,本文描述如何將 LinkIt Smart 7688 上的 DHT Sensor 數據傳送到 Blynk。


學習目標

  • LinkIt Smart 7688 取得 DHT 之 Arduino 程式
  • Blynk App 環境設定
  • 透過 Python 傳送 DHT 感測數據到 Blynk

情境

先透過電腦撰寫相關的 Arduino 與 Python 程式並燒錄與傳送到 LinkIt Smart 7688 Duo 開發板中,再透過 iPhone、iPad 或 Android 下載 Blynk App 並做相關設定,當設定完成後經由 Blynk App 取得 LinkIt Smart 7688 Duo 上的 DHT Sensor 感測數據。


執行步驟


前置準備作業

  1. 一台可上網的電腦 ( 下方範例使用 macOS Sierra )

  2. LinkIt Smart 7688 Duo 開發板

  3. Arduino Breakout for LinkIt Smart 7688 Duo

  4. Grove - Temperature&Humidity Sensor

  5. Micro-USB Cable

  6. 將 LinkIt Smart 7688 與 Arduino Breakout for LinkIt Smart 7688 Duo 組裝、Grove - Temperature&Humidity Sensor 裝到 A0 的位置並將 Micro-USB Cable 連接至電腦與 LinkIt Smart 7688

  7. 一台 iPhone、iPad 或 Android 手機或平板 ( 下方範例使用 iPhone )

  8. 電腦端相關設定 - 請參考 LinkIt Smart 7688 / 7688 Duo 基礎教學 文章


連接圖

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


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

Step 1. 安裝 DHT Libraries

❖ 1.1  開啟【 Arduino IDE 】


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


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


❖ 1.4  安裝 DHT Library  
     ❖ 選擇【 DHT sensor library by Adafruit 】的 【 Version 1.2.3 】的版本並按裝


❖ 1.5  安裝完成畫面


Step 2. 撰寫 Arduino 程式

❖ 2.1  下載 【 getDHT_Bridge.ino 】 的程式碼  
       請到下方 URL 中的程式碼複制到 Arduino IDE 
 https://github.com/ArcherHuang/Linkit_Smart_7688/blob/master/IoT%20Cloud/Arduino/getDHT_Bridge/getDHT_Bridge.ino


❖ 2.2  點選 【 草稿碼 】➙ 【 上傳 】


❖ 2.3  上傳成功


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., LinkIt Smart 7688 - Get
       ② 選擇【 Arduino Yun 】裝置
       ③ 選擇【 WiFi 】連線型態
       ④ 點選【 Create Project 】按鈕


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


❖ 5.6  設定【 Value Display 】 
☼ 在 【 Blynk App 】 畫面上從右往左滑動畫面會出現【 Widget Box 】


☼  往下滑動【 Widget Box 】➙ 再點選【 Value Display 】


☼  點選【 Value Display 】圖示

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


☼ 設定完成畫面
  ㊟ Temperature Sensor 數據顯示於 Blynk App 上的 Value Display 區域


Step 4. 安裝 Blynk App

❖ 4.1  下載 【 blynk_valueDisplay.py 】 的程式碼  
       請到下方 URL 中的程式碼複制到 IDE
 https://github.com/ArcherHuang/Linkit_Smart_7688/blob/master/IoT%20Cloud/Python/blynk_valueDisplay.py


❖ 4.2  修改程式碼中的第 25 行 【 auth_token 】 
       認證碼在剛才所傳送的信件中


❖ 4.3  將上一步驟的 Python 傳送到 LinkIt Smart 7688 

請參考【 傳送檔案與登入到開發板 】 教學文章


❖ 4.4  遠端登入到 LinkIt Smart 7688   

請參考【 傳送檔案與登入到開發板 】 教學文章


❖ 4.5  執行下方指令  
       ① opkg update
       ② uci set yunbridge.config.disabled=0
       ③ uci commit
       ④  reboot  

❖ 4.6  執行 Python  
       python blynk_valueDisplay.py

❖ 4.7  Blynk App 上顯示溫度資訊 


Reference
GitHub
List of blogs
感謝

Archer

Having being a full stack engineer. Experience with C, Python, Go, Swift, JavaScript, Node.js, LinkIt 7697, LinkIt Smart 7688, Raspberry Pi, ARM mbed, IoT solutions. Contact us : [email protected]

ALL RIGHTS RESERVED. COPYRIGHT © 2016. Designed and Coded by Makee.io