###### tags: `Blynk` `FM623A` # [Blynk 新版]《用 Python 學 AIoT 智慧聯網》Lab23 由於 Blynk 改版, 因此《[用 Python 學 AIoT 智慧聯網](https://www.flag.com.tw/maker/FM623A)》中 Lab23 使用到 Blynk 的實驗操作也要隨之更改, 本文就說明如何使用 Blynk 新版實作同樣的實驗。 ## 更新 MicroPython 韌體 由於新版本的 Blynk 程式庫會跟本產品預設的客製版 MicroPython v1.12 不相容, 請先[下載客製的 MicroPython v1.16 版檔案](https://github.com/FlagTech/Python_AIoT_FM623A/raw/master/%E7%94%A8Python%E5%AD%B8AIoT%E6%99%BA%E6%85%A7%E8%81%AF%E7%B6%B2/%E9%9F%8C%E9%AB%94/esp32-v1.16.bin), 再依照《[燒錄 MicroPython 韌體](/Rnn9Neh0RXSBO0FWi1DN9A)》這一篇說明, 更新 MicroPython 韌體。 ## Blynk 註冊帳號與 App 安裝 本文假設您已先閱讀並實作過〈[Blynk 新版使用說明](/N7YOLBKNTNyTPWejuK5Eqw)〉, 所以您應該已經註冊好新版的 Blynk 帳號, 也在您的 D1 mini 控制板上安裝好 Blynk 相關的程式庫, 如果您尚未完成, 請立刻閱讀〈[Blynk 新版使用說明](/N7YOLBKNTNyTPWejuK5Eqw)〉。 ## 建立樣版 1. 請登入 Blynk 網頁, 按一下左邊 **𓃑** 鈕進入樣板頁面後, 按一下右上角的 **+ New Template** 建立本套產品所要使用的 Blynk 樣板: ![](https://i.imgur.com/X5QOwhU.png) 1. 請如下設定後按 **Done** 完成: ![](https://i.imgur.com/rp5LGB8.png) 1. 我們要新增一個使用虛擬腳位, 可以從 Blynk 傳遞按鈕狀態到裝置的資料流。切換到 **Datastreams** 頁次後新增使用虛擬腳位的資料流: ![](https://i.imgur.com/ZWie8w3.png) 1. 如下設定後按 **Create** 完成: ![](https://i.imgur.com/ieB7aTu.png) 1. 確認無誤按上方的 **Save** 儲存修改內容: ![](https://i.imgur.com/4EEpnuD.png) ## 建立裝置 接著建立本套件要使用的裝置: 1. 按一下左側放大鏡圖示按鈕切換到裝置頁面, 按一下 **+ New Device** 新增裝置: ![](https://i.imgur.com/n9zxTCo.png) :::info 由於免費帳號的 Blynk 只能擁有 2 個裝置, 因此若您已經建立過 2 個裝置, 就必須先移除 1 個裝置才能建立新的裝置。 1. 勾選現有的裝置後按 **Actions** 欄位的 ... 按鈕後選『**Delete**』: ![](https://i.imgur.com/vQ7t2vp.png) 1. 在確認交談窗中再按一下 **Delete** 刪除裝置: ![](https://i.imgur.com/XmH9AU6.png) ::: 1. 選取 **From template** 依照樣板建立裝置: ![](https://i.imgur.com/UP213RL.png) 1. 如下設定後按 **Create**: ![](https://i.imgur.com/RpesJmy.png) 1. 按右上角的 **×** 鈕關閉提示交談窗: ![](https://i.imgur.com/bJeZxv4.png) 1. 切換到 **Device Info** 即可看到此裝置的認證權杖 (可按綠色按鈕複製), 稍後程式中需用到: ![](https://i.imgur.com/CNvaLKb.png) ## 設計手機 App 畫面 設計完樣板後, 就可以設計手機端的畫面了: 1. 開啟 Blynk App 後, 就會看到剛剛建立的裝置: ![](https://i.imgur.com/SAe0vMF.png =360x800) 1. 按一下裝置進入後會看到 **Setup Dashboard** 按鈕, 提示您尚未設計手機畫面: ![](https://i.imgur.com/DihrcqG.png =360x800) 1. 按一下右上角的 **☰** 鈕展開元件清單: ![](https://i.imgur.com/cI3rgj6.png =360x800) 1. 加入 **Button** 元件: ![](https://i.imgur.com/u2t79Qs.png =360x800) 1. 按一下元件進入設定頁面後如下設定按鈕, 設定完成後上左上角 **←** 回到畫面設計頁面: ![](https://i.imgur.com/Iguu1Xf.png =360x800) 1. 調整元件大小及位置如下圖後再按一下上圖左上角逃生門圖示鈕離開設計畫面: ![](https://i.imgur.com/kQcO19l.png =360x800) ## 測試程式 本實驗程式不需修改, 請記得填入你的無線網路及密碼, 並在標示 "這裡填入認證碼" 處貼上剛剛複製的裝置認證權杖, 即可執行。會看到以下畫面: ``` >>> %Run -c $EDITOR_CONTENT ___ __ __ / _ )/ /_ _____ / /__ / _ / / // / _ \/ '_/ /____/_/\_, /_//_/_/\_\ /___/ for Python v1.0.0 (esp32) 連線至Blynk... Connecting to blynk.cloud:443... 連線成功 ... ``` 即可使用手機畫面上的按鈕控制牙刷燈: ![](https://i.imgur.com/WoVv8cx.png =360x800) ![](https://i.imgur.com/2KO2wf1.png =360x800)