看了第一篇DIY雲端控制器的介紹之後,您是不是也想自己DIY做一個呢!
整個DIY的製作過程,一共分成四篇文章,簡述如下:
1.第一篇介紹功能與操作方法。
2.第二篇介紹電路接法,這篇需要電路板焊接的技能,也是我覺得最難的部分。
3.第三篇介紹如何註冊雲端帳號以及下載與修改ESP8266的Arduino程式碼,然後燒錄到ESP8266,這部分也不難,按照步驟做就行了。
4.第四篇(本篇)介紹如何修改Android APP的範例程式,我用的是Appinventor 2來開發這個APP的,修改相當簡單容易。
首先請把Door_Remote_Controler.aia下載到您的電腦,如下圖紅框位置可下載。
![](https://easylife.yt/smarthome/wp-content/uploads/2022/07/image-1-1024x354.png)
接著用Chrome開啟Appinventor 2網頁,只要有Google帳號就可以了。
登入後點選Projects–>Import project (aia) from my computer,如下圖1,2。
![](https://easylife.yt/smarthome/wp-content/uploads/2022/07/image-1024x339.png)
請選擇剛剛下載的Door_Remote_Controler.aia檔案,如下圖3~6。
![](https://easylife.yt/smarthome/wp-content/uploads/2022/07/0-2-1024x922.jpg)
把專案匯入後,進入專案會看到下圖的畫面,請點選右上角Blocks如下圖7。
![](https://easylife.yt/smarthome/wp-content/uploads/2022/07/0-3-1024x491.jpg)
接下來用您之前申請的ThingsBoard帳密登入ThingsBoard的Demo網站,
點選設備->選擇您之前建立的設備->選擇複製設備ID,如下圖8~10。
![](https://easylife.yt/smarthome/wp-content/uploads/2022/07/1-1024x466.jpg)
再回到AppInventor的頁面,在Blocks畫面中,請找到下圖中箭頭11與12的位置。
把您的ThingsBoard帳號密碼,填入下圖中箭頭11的位置。
把您剛剛複製的DeviceID,貼到下圖中箭頭12的位置。
![](https://easylife.yt/smarthome/wp-content/uploads/2022/07/2-1024x448.jpg)
點選Projects->Save project,把專案儲存,如下圖13~14。
![](https://easylife.yt/smarthome/wp-content/uploads/2022/07/2-1.jpg)
接下來要把專案編譯成Android APP(apk)。
請點選Build->Android APP(.apk),如下圖15~16。
![](https://easylife.yt/smarthome/wp-content/uploads/2022/07/2-2-1024x354.jpg)
把編譯好的apk檔下載到電腦,然後把這個apk檔傳到手機安裝就可以了,
如下圖17~18。
![](https://easylife.yt/smarthome/wp-content/uploads/2022/07/2-3.jpg)