測試執行程式

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

學習目標

  • 瞭解測試 App Inventor 2 程式執行的各種方式。

  • 學會透過WiFi(無線上網)連線、模擬器(Emulator)、USB連線、下載安裝檔(.apk) 等測試執行程式之應用。

◆ MIT App Inventor 官方網站 http://appinventor.mit.edu/ → Create apps! (繁體中文)

一、測試程式

  • 依官網說明，欲測試執行開發完成的程式(Live Testing)，如下圖，可採下列方式：

若您使用智能手機或平板設備，且具備無線互聯網連接，則無需下載任何軟體到您的電腦即可開始設計App應用程序。您需要在 iOS 或 Android 設備上安裝 MIT App Inventor 配套應用程序。

  • 方式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裝置上的程式即消失。

三、模擬器(Emulator)

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

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

  • 語系→English：

  • 繁體中文：

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

  • 連結模擬器：

↓

  • 模擬器畫面

  • aiStarter命令視窗運作中...

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

向右拖曳解鎖

  • 啟動

  • 啟動

  • 程式結果：

＊註：若模擬器開啟，仍無法執行應用程式，需先在模擬器中安裝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 的應用程式。

    • 在實機上測試：

    • 以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安裝檔到電腦預設下載檔案資料夾。