測試執行程式

2015/02/17 謝碧景(c)編製更新 

 學習目標 MIT App Inventor 2繁體中文: Create apps! 

  • 瞭解測試 App Inventor 2 程式執行的各種方式。
  • 學會透過WiFi(無線上網)連線、模擬器(Emulator)、USB連線、下載安裝檔(.apk) 等測試執行程式應用。

 測試程式

官網說明欲測試執行開發完成的程式(Live Testing),如下圖,可採下列三種方式:

  • 方式1.WiFi連線:適用於有Android 裝置、電腦、裝置間有WiFi連線,是測試執行App程式最方便的方式(注意:裝置&電腦需同一網域)。
  • 方式2.模擬器(Emulator)在沒有Android 裝置下,可安裝MIT App Inventor 2 軟體,以模擬器(emulator)測試App程式
  • 方式3.USB連線適用於Android 裝置,但電腦與裝置間無WiFi連線的環境,可使用USB連線測試App程式

一、WiFi連線

1.首先在『 Google Play商店』下載並安裝 QR code掃描程式』及 MIT AI2 Companion App到Android裝置接著將電腦及Android 實機必須連線同一個網域之WiFi,以利傳送資料。


2.開啟App Inventor專案,以【 練習1:FirstApp】為,如下圖,點選功能列上之【Connect→AI Companion】代表以WiFi連線測試App程式

 電腦顯示:


3.接著電腦螢幕上會顯示一個視窗,如下左圖有一個QR Code及一個編碼(6碼),再啟動Android 實機上的MIT AI2 Companion』應用程式,即如下中圖顯示可按下【scan QR code】按鈕來掃描QR Code,或在【Six Digit Code】文字方框內輸入,左圖之6碼code,輸入後按下【connect with code】按鈕,Android 實機上即顯示執行程式結果。

 電腦顯示:
Android 實機顯示:
 測試顯示執行程式結果

4.測試結束,可點選功能列上之【Connect→Reset Connection】選項,以終止WiFi連線測試,如下圖。


*註:WiFi連線測試不會將程式安裝至Android裝置上,僅是在Android裝置執行並顯示程式結果,當連線中斷Android裝置上的程式即消失。
 在沒有Android 裝置下,可安裝 MIT App Inventor 2 軟體使用模擬器(emulator)測試App程式

1.先執行電腦程式集中的『aiStarter.exe』程式,執行後會出現一個命令視窗,如下圖,在使用模擬器測試程式時,該視窗會顯示相關訊息。


2.開啟App Inventor 2專案,以【 練習1:FirstApp】為,如下圖,點選功能列上之【Connect 連線→Emulator 模擬器】選項,代表以模擬器(emulator)測試App程式

 語系→English:
 語系→繁體中文:


3.如下圖,開始連結模擬器的訊息視窗,接著出現模擬器的開機畫面,而aiStarter命令視窗亦會顯示運作訊息。

連結模擬器的訊息視窗:
        ↓


模擬器的開機畫面:
aiStarter命令視窗運作中... 


4.如下圖,在模擬器中,按下左側綠色鎖,並向右拖曳完成解鎖後,模擬器會啟動『MIT AI2 Companion』元件,最後顯示FirstApp程式的執行結果,如下圖。

模擬器向右拖曳解鎖
啟動MIT App Inventor2
 啟動MIT AI2 Companion
顯示程式的執行結果:
*註:若模擬器開啟,仍無法執行應用程式,需先在模擬器中安裝MIT AI2 Companion元件,才能執行應用程式。系統會自動檢查模擬器需升級MIT AI2 Companion。


5.測試結束,可點選功能列上之【Connect 連線→Reset Connection 重置連線】選項,以終止模擬器測試,如下圖。

選取【Connect→Reset Connection】即【連線→重置連線】。

三、USB連線

 在實機中模擬執行應用程式:Android 4.2.2以上操作方式,首先改變手機應用程式的設定,如下:

1.開啟『開發人員選項』:為安全性故系統預設隱藏,開啟方式請執行『設定→關於→在版本編號(或 軟體資訊/版本編號,或 軟體資訊/建置號碼 等)→點按6至9次,直到『開發人員選項』出現。

2,設定→開發人員選項:勾選『保持喚醒』、『USB 除錯中』『允許模擬位置』選項。
3.設定→安全性:勾選『未知的來源』選項,如此手機才能下載非Google Play 的應用程式。




 在實機上安裝 MIT AI2 Companion 

 在實機上測試:
  • 以USB傳輸線連接實機與電腦,系統會自動安裝實機的驅動程式,驅動完成後,如下圖,選取『連線→USB』數秒後會顯示連接實機之訊息,後實機上即會顯示執行結果。
 

四、下載安裝檔(.apk)

Android 應用程式需編譯成安裝檔後才能在手機中安裝執行,該安裝檔之副檔名為『.apk』,App Inventor 2 會將專案檔編譯成安裝檔供下載使用。編譯後的安裝檔至少1.3MB以上,且無法移到SD卡

 直接在手機安裝應用程式:
  • 如下圖,在版面配置頁面選取『Build→App(provide QR code for .apk)』即『打包apk並顯示二維條碼』,數秒後會顯示出二維條碼對話方塊,您只需在手機安裝 QR Code 掃描器 (或 QR & Barcode Scanner)→掃瞄條碼即可下載.apk 並安裝執行該應用程式。


 打包apk並下載到電腦:
  • 在版面配置頁面選取『Build→App(save .apk to my computer)』即『打包apk並下載到電腦』,數秒後會下載.apk安裝檔到電腦預設下載檔案資料夾。