燒錄firmware:UIFLOW FIRMWARE BURNING TOOL
常用積木位置:
Label、image → UI
感測器 → Units
IOT -> advanced
TEXT中文設定:Unicode 24
出現異常時,開啟M5buner → 裝置管理員確認com port → 設定Configure → 切換至internet mode,系統會重新開機。
前置工作:
google sheet上傳設定 :(本專題目前只使用Listview,由於MQTT不是很穩定,且不易查詢,建議日後還是以連線至google sheet方式進行編輯較佳)
AI2中使用Listview
參考網頁:使用 App Inventor 的 ListView 新功能,做出購物商品清單。Part 2
新增google sheet建立三個欄位,品名、品項說明、縮圖網址
SpreadsheetID:/d/ **********/
https://spreadsheets.google.com/tq?tqx=out:csv&key=【SpreadsheetID】&tq=
AI2中使用google sheet功能:
新增一個google sheet
共用→知道連結→編輯者
SpreadsheetID:/d/ **********/
工作表1改成Sheet1
【API與服務】→啟用的API與服務→google sheet api→啟用→建立憑證→應用程式→服務帳號名稱
【憑證】→管理服務帳號→點擊帳號→金鑰→建立金鑰→JSON→下載JSON
將JSON檔案上傳到雲端硬碟,與google sheet 同一層的位置。
可利用imgur這類的平台上傳圖片。
MQTT設定可參考此篇:各IoT平台與MIT AI2編程教學 ,但我用M5stack連不到Thingspeak,後來便改用其它Broker。
UrsPahoMqttClient1配置:
Broker:iot.dfrobot.com
Username、UserPassword
AI2 CODE:
網址變數的設定
新增google sheet建立三個欄位,品名、品項說明、縮圖網址
SpreadsheetID:/d/ **********/
https://spreadsheets.google.com/tq?tqx=out:csv&key=【SpreadsheetID】&tq=
注意事項:
在flow.m5stack.com線上編輯時,切換python到Blocky時會將python code清掉,最好是另外先設計UI及blocky再寫python code,寫完的code最好另外保留一份。
在線上編輯時按run可多次修改,按download可以下載到M5stack中,進行離線使用。
如果是要離線使用,記得要新增wifi連線設定。