[ MediaTek ] 透過 LinkIt Smart 7688 拍照上傳到 Dropbox 並透過 IFTTT 發送 Notification 教學

物聯網相關的應用很多,例如:居家防盜系統,若住家因不明原因遭人入侵,系統將會主動透過 Notification 發送訊息到手機 App、寄發 Email 通知車主。而本文描述如何透過 LinkIt Smart 7688 拍照上傳到 Dropbox 並透過 IFTTT 發送 Notification。


學習目標

  • 透過 LinkIt Smart 7688 拍照
  • 傳送照片到 Dropbox
  • 透過 IFTTT 發送 Notification

情境

透過 LinkIt Smart 7688 拍照上傳到 Dropbox 再透過 IFTTT 發送 Notification 到 IFTTT App、發送信件、Facebook 發文。


執行步驟


前置準備作業

  1. 一台可上網的電腦

  2. LinkIt Smart 7688 Duo 開發板

  3. MICRO OTG USB HOST 轉接線

  4. WebCam

  5. Micro-USB Cable

  6. 將 LinkIt Smart 7688 與 MICRO OTG USB HOST 轉接線組裝、WebCam 裝到 USB Port 的位置並將 Micro-USB Cable 連接至電腦與 LinkIt Smart 7688


連接圖

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


Dropbox 端

Step 1. 註冊 Dropbox 帳號並登入

❖ 1.1  透過瀏覽器開啟下方網址,並註冊帳號
       https://www.dropbox.com/


❖ 1.2  登入到 Dropbox


Step 2. 建立存放照片的資料夾

❖ 2.1  點選右邊【 新資料夾 】按鈕 


❖ 2.2  ① 點選右邊【 新資料夾 】按鈕 
       ② 在欄位中輸入資料夾名稱,e.g., Image
       ③ 按【 Enter 】鍵


Step 3. 建立 Dropbox 的 Access Token

❖ 3.1  透過瀏覽器開啟下方網址
       https://www.dropbox.com/developers/apps


❖ 3.2  點選【 Create app 】


❖ 3.3  ① 在【 Choose an API 】中點選【 Dropbox API 】
       ② 在【 Choose the type of access you need 】中點選【 Full Dropbox– Access to all files and folders in a user's Dropbox. 】
       ③  在【 Name your app 】中輸入 App 名稱,e.g., UploadFileFrom7688
       ④  點選【 I agree to Dropbox API Terms and Conditions 】
       ⑤  點選【 Create app 】


❖ 3.4  在【 OAuth 2 】區域中的【 Generated access token 】點選【 Generate 】


IFTTT 端

Step 1. 建立 IFTTT 的 Notification

❖ 1.1  ①  透過瀏覽器開啟下方網址
          https://ifttt.com/
       ②  註冊帳號
       ③  登入


❖ 1.2  ①  點選上方的【 My Applets 】


❖ 1.3  ①  點選右邊的【 New Applet 】


❖ 1.4  ①  點選中間的【 + this 】


❖ 1.5  ①  在搜尋欄位輸入【 dropbox 】
       ②  點選 【 Dropbox 】


❖ 1.6  ①  點選 【 New photo in your folder 】


❖ 1.7  ①  輸入要偵測的 Dropbox 資料夾,e.g., /Image
       ②  點選 【 Create trigger 】


❖ 1.8  ①  點選 【 + that 】


❖ 1.9  ①  在搜尋欄位輸入【 gmail 】
       ②  點選 【 Gmail 】


❖ 1.9  ①  點選 【 Send an email 】


❖ 1.10  ①  在【 To address 】欄位輸入通知要寄信給誰
        ②  點選【 Create action 】
        ③  點選【 Finish 】


❖ 1.11  ①  建立完成畫面


LinkIt Smart 7688 端

Step 1. 透過 Python 拍照並上傳到 Dropbox

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


❖ 1.2  ①  修改第 30 行的 【 access_token 】 成步驟 3.4 中的 access token 


❖ 1.3  將上一步驟的 Python 與憑證傳送到 LinkIt Smart 7688

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


❖ 1.4  遠端登入到 LinkIt Smart 7688

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


❖ 1.5  執行下方指令
       ① opkg update  
       ② opkg install fswebcam
       ③  pip install dropbox

❖ 1.6  執行 Python
     python uploadImageToDropbox.py


Step 2. 開啟 Dropbox 查看上傳的照片


Step 3. 開啟 Gmail 查看 Notification


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