使用UIFlow（設定篇）
關於M5Stack程式的編輯利器UIFlow
關於M5Stack程式的編輯利器UIFlow
M5Stack的開發板核心都是基於ESP32晶片，支援的開發平台和程式語言：Arduino，UIFlow (採用Blockly ，MicroPython語言) ，其中UIFlow平台可以說是M5公司提供的服務中，最有特色的項目，Blockly積木式堆疊方式來開發程式可說是當今顯學，而後再進入純文字的開發環境，官網上也有提供教學帶著初學者了解如何使用這項工具…
M5Stack的開發板核心都是基於ESP32晶片，支援的開發平台和程式語言：Arduino，UIFlow (採用Blockly ，MicroPython語言) ，其中UIFlow平台可以說是M5公司提供的服務中，最有特色的項目，Blockly積木式堆疊方式來開發程式可說是當今顯學，而後再進入純文字的開發環境，官網上也有提供教學帶著初學者了解如何使用這項工具…
這篇說明適於M5Stack CORE或M5StickC
這篇說明適於M5Stack CORE或M5StickC
準備動作
準備動作
1.第一次使用先確定電腦是否有安裝CP210X驅動程式，如果沒有下載安裝：（WINDOWS）https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/drivers/CP210x_VCP_Windows.zip
1.第一次使用先確定電腦是否有安裝CP210X驅動程式，如果沒有下載安裝：（WINDOWS）https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/drivers/CP210x_VCP_Windows.zip
2.下載韌體燒錄軟體M5Burner：（WINDOWS）
2.下載韌體燒錄軟體M5Burner：（WINDOWS）
https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/software/M5Burner.zip 下載之後解壓就可以看到執行檔M5Burner.exe
https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/software/M5Burner.zip 下載之後解壓就可以看到執行檔M5Burner.exe
3.將想要的韌體版本燒錄到主板中：
3.將想要的韌體版本燒錄到主板中：
連接TypeC到電腦USB
連接TypeC到電腦USB
按一下電源第一個畫面會顯示目前主板內韌體的UIFlow版本，上圖顯示v1.6.5
按一下電源第一個畫面會顯示目前主板內韌體的UIFlow版本，上圖顯示v1.6.5
利用M5Burner來下載及燒錄韌體
利用M5Burner來下載及燒錄韌體
利用介面上的選項選擇目前連接的主板類型及所在的COM port，選一下韌體版本，按Download下載，下載完後會出現Burn的按鈕，按下去就開始燒錄了（簡單吧！）
利用介面上的選項選擇目前連接的主板類型及所在的COM port，選一下韌體版本，按Download下載，下載完後會出現Burn的按鈕，按下去就開始燒錄了（簡單吧！）
韌體燒錄中
韌體燒錄中
程式都自己運行了，跟Arduino IDE上傳程式類似，有了UIFlow的韌體之後才能對應編輯器來編輯程式
程式都自己運行了，跟Arduino IDE上傳程式類似，有了UIFlow的韌體之後才能對應編輯器來編輯程式
燒錄完成
燒錄完成
韌體燒錄完成後就會自己M5StickC會重新開機，可以看到韌體的版本已經更新
韌體燒錄完成後就會自己M5StickC會重新開機，可以看到韌體的版本已經更新
連接UIFlow平台拉積木囉！
連接UIFlow平台拉積木囉！
使用UIFlow的二種方式
使用UIFlow的二種方式
這個開發平台提供了線上版(需要網路環境)和免安裝離線版(USB連接)，UIFlow Desktop IDE 的下載位置：
這個開發平台提供了線上版(需要網路環境)和免安裝離線版(USB連接)，UIFlow Desktop IDE 的下載位置：
https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/software/UIFlow-Desktop-IDE.zip
※使用哪種方式，各有優缺隨你喜歡
※使用哪種方式，各有優缺隨你喜歡
設定主板連網：以M5StickC PLUS為例
設定主板連網：以M5StickC PLUS為例
按鈕鍵位置及功能
按鈕鍵位置及功能
M5開機後有三種模式：連上Internet、使用usb模式或執行記憶體中的程式，想要切換設定，必須在開機時出現第一個畫面就按一下A鍵，如左圖目前是處於執行內部APP的模式，按一下B鍵可以看到SETUP
M5開機後有三種模式：連上Internet、使用usb模式或執行記憶體中的程式，想要切換設定，必須在開機時出現第一個畫面就按一下A鍵，如左圖目前是處於執行內部APP的模式，按一下B鍵可以看到SETUP
※如果是M5 core的話，雙按電源鍵是關機
※如果是M5 core的話，雙按電源鍵是關機
SETUP
SETUP
按一下A鍵就可以進入SETUP的內容
按一下A鍵就可以進入SETUP的內容
SETUP的內容
SETUP的內容
雖然都寫英文，但應該能看懂意思
雖然都寫英文，但應該能看懂意思
第一次連網設定
第一次連網設定
如果沒設定過連線或還沒連過現場的無線網路，那麼應該向下選到WiFi via ap，啟用本身的ap模式
如果沒設定過連線或還沒連過現場的無線網路，那麼應該向下選到WiFi via ap，啟用本身的ap模式
AP模式
AP模式
M5本身就是一個AP Station
M5本身就是一個AP Station
用電腦連線M5
用電腦連線M5
電腦端搜一下AP點會看到目前M5也列出來了，連接它不需要密碼，ESP系列的設定方式都是這招（樹莓派也是）
電腦端搜一下AP點會看到目前M5也列出來了，連接它不需要密碼，ESP系列的設定方式都是這招（樹莓派也是）
192.168.4.1
192.168.4.1
瀏覽器連上192.168.4.1就會出現無線網路的設定了，這時選擇你現場的無線AP給它密碼，M5就會記住了，重新開機
瀏覽器連上192.168.4.1就會出現無線網路的設定了，這時選擇你現場的無線AP給它密碼，M5就會記住了，重新開機
選擇AP
選擇AP
如果你前前後後在不同的地方上網，M5會記住各個AP的連線，可依目前的環境選一下要連哪個AP
如果你前前後後在不同的地方上網，M5會記住各個AP的連線，可依目前的環境選一下要連哪個AP
選擇連線模式
選擇連線模式
利用Switch mode選單，我們可以設定M5開機後就進入連接網路的模式
利用Switch mode選單，我們可以設定M5開機後就進入連接網路的模式
連接無線網路
連接無線網路
會依你的設定去連無線網路
會依你的設定去連無線網路
API KEY
API KEY
成功連上網路了，LCD畫面上會有一串API KEY，這是接下來使用網路版UIFlow要用到的
成功連上網路了，LCD畫面上會有一串API KEY，這是接下來使用網路版UIFlow要用到的
連上網路版的UIFlow按一下左下角的設定
連上網路版的UIFlow按一下左下角的設定
設定使用的主板，輸入API KEY
設定使用的主板，輸入API KEY
可以開始寫程式了
可以開始寫程式了