App Inventor 2的Android模擬器安裝與操作說明

本文旨在更新《超圖解Arduino互動設計入門》第14章與附錄E,無痛開發Android App的App Inventor 2.0版操作說明,讀者可在「Windows版App Inventor 2.0離線版軟體(Ai2LiveComplete)安裝說明與基礎操作」這篇貼文下載附錄E的PDF文件以及範例原始碼。

中文操作介面

App Inventor 2操作畫面上方的主選單,多了一個Language(系統語言)選項,可以選擇「繁體中文」。

Language(系統語言)選項指令

開發環境將變成全中文介面:

App Inventor全中文介面

只是目前它採用的是對岸的術語,例如,「專案」變成「項目」、「程式碼」變成「代碼」、「變數」寫成「變量」、「感測器」寫成「傳感器」…話說回來,許多台灣人早已習慣將「最佳化」說成「優化」、「文件」講成「文檔」、「記憶體」說成「內存」、「企業」唸成「起業」,食品廠商也再三強調「絕對未用台灣地溝油」…唉~這應該是無法逆轉的時代趨勢。

在手機上測試Android App

在App Inventor 2中測試Android App的方法有三種(參閱官網設置環境說明):

推薦方法是在真實的手機上安裝「AI伴侶」,只要開啟手機WiFi,再打開AI伴侶,掃描電腦App Inventor上的QR Code,手機和電腦即可連線(註:開發電腦和手機必須位於相同的WiFi網路,參閱官網說明)。

選擇App Inventor主選單上的「連接→AI伴侶(Connect→AI Companion)」指令:

「連接→AI伴侶(Connect→AI Companion)」指令

畫面上將出現QR Code(二維條碼),請按下手機「AI伴侶」軟體中的"scan QR code"(掃描條碼)鈕,掃描條碼,即可完成連線。

AI伴侶連線的QR Code

在模擬器上測試Android App

若要使用模擬器,請下載並安裝App Inventor 2 Setup(參閱官網說明):

安裝完畢後:

  • Windows和Linux電腦用戶,請開啟aiStarter軟體。Windows用戶可雙按桌面上的aiStarter軟體捷徑:

    aiStarter軟體捷徑

  • 在Mac電腦上,aiStarter會在你登入的時候,自動隱藏在背景執行。

這是在Windows的aiStarter執行畫面(筆者在Windows XP, Win 7和Win 8.1上測試無誤),在開發結束之前,請勿關閉此視窗。若要停止執行它,請在此視窗中按下Ctrl和C鍵。

Windows的aiStarter執行畫面

啟動Android手機模擬器

選擇App Inventor主選單上的「連接→模擬器(Connect→Emulator)」指令:

「連接→模擬器(Connect→Emulator)」指令

它將嘗試連結aiStarter:

正在啟動模擬器

正在啟動模擬器

過一會兒,Android模擬器將被開啟,請靜待它啟動完成:

模擬器啟動中

最後,模擬器將會自動載入執行你目前開發中的App。 在開發過程中所做的修改,App Inventor都會自動儲存,並重新編譯傳送到手機模擬器,所以只要模擬器(以及手機裡的AI伴侶程式)維持開啟狀態,App都會自動更新。

在模擬器中執行App

升級AI伴侶(AI Companion)

Android手機和模擬器,都是透過「AI伴侶」和App Inventor開發環境連線。如果在啟動模擬器時出現底下的訊息:

升級AI伴侶

請按下「確定」,以及手機"Replace application"(替換應用程式)對話方塊裡的"OK":

升級軟體

再按下"Install"(安裝):

安裝新版App

如App Inventor的提示訊息所述:

當手機App安裝完畢後,請按下"Done"(完成):

回到App Inventor,選擇「連接→重新連接(Connect→Reset Connection)」指令,Android模擬器將被關閉:

「連接→重新連接(Connect→Reset Connection)」指令

最後,再選擇「連接→模擬器(Connect→Emulator)」指令,重新啟動Android模擬器。

12 thoughts on “App Inventor 2的Android模擬器安裝與操作說明

  1. 老師 請問一下
    我依照你上面的執行 去執行 可是當我到
    升級AI伴侶(AI Companion)
    Android手機和模擬器,都是透過「AI伴侶」和App Inventor開發環境連線。如果在啟動模擬器時出現底下的訊息:

    升級AI伴侶

    請按下「確定」,以及手機”Replace application”(替換應用程式)對話方塊裡的”OK”:

    這步驟 我按下確定 可是我的模擬器顯示的畫面是
    Running in the emulator, waiting to get blocks…
    Version 2.11al2

    之後就沒反應了 請問這要怎麼解呢

  2. 老師 請問一下, 主要問題是 “ERROR 404:Not Found”, 請問如何解決. 謝謝.
    http://127.0.0.1:8004/
    Error 404: Not Found
    Sorry, the requested URL ‘http://127.0.0.1:8004/’ caused an error:
    Not found: ‘/’

    Platform: Windows 10 32-bits
    Install: MIT_App_Inventor_Tools_2.3.0_win_setup.exe

    Network checking:-
    Microsoft Windows [Version 10.0.14393]
    (c) 2016 Microsoft Corporation. All rights reserved.

    C:\WINDOWS\system32>netstat -an|findstr 8004

    C:\WINDOWS\system32>netstat -an|findstr 8004
    TCP 127.0.0.1:8004 0.0.0.0:0 LISTENING

    C:\WINDOWS\system32>

    Log:-
    Platform = Windows
    AppInventor tools located here: “C:\Program Files”
    Bottle server starting up (using WSGIRefServer())…
    Listening on http://127.0.0.1:8004/
    Hit Ctrl-C to quit.

    127.0.0.1 – – [07/May/2017 19:01:04] “GET /ping/ HTTP/1.1” 200 40
    127.0.0.1 – – [07/May/2017 19:01:08] “GET /utest/ HTTP/1.1” 200 62
    127.0.0.1 – – [07/May/2017 19:01:12] “GET / HTTP/1.1” 404 720

    http://appinventor.mit.edu/test/
    MIT App Inventor 2 Connection Test
    Is aiStarter running?
    YES, aiStarter v2.3.0 running!
    Is your phone connected via USB?
    YES, your phone is connected via USB!

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *