AppInventor開發環境搭建

標籤：安卓   app   appinventor   

 寫在前面

      本次教程使用的開發包是AppInventor2.0離線版，如果有小夥伴需要可以關注公眾號“雲端微課”，並給林子留言，林子會第一時間將開發包分享給你，不接受部落格留言預定，請見諒！

三步輕鬆開啟AppInventor之旅

    Step1：解壓開發包

圖1-開發包 

?

圖2-壓縮包裡的內容

        解開壓縮包之後雙擊AI2CN（顧名思義是AppInventor2.0中文版）這個藍色表徵圖，彈出介面如下所示：?

圖3-AI2離線版介面

Step2：一鍵啟動離線伺服器?

      點擊中的表徵圖“一鍵啟動”，此時會彈出三個黑色的視窗，注意千萬不要關閉這三個視窗，下面我將不吝口水將這三個視窗的功能分別介紹。

圖4-註冊環境變數 

學過Java和安卓的童鞋都記得在安裝jdk的時候需要註冊環境變數，這個視窗執行的就是這個功能。?

圖5-啟動伺服器 

我們要類比虛擬開發環境，伺服器當然是必不可少的，學過Javaweb開發的小夥伴應該還記得當時的Apache伺服器。??

圖6-連接埠監聽

該視窗指定工程路徑並執行視窗監聽的功能。

 口水浪費了這麼多，不知道小夥伴們是否理解呢？不理解也沒有關係，記住開發過程中，不要關閉就OK了！接下來，開啟瀏覽器（用帶有Google核心瀏覽器，其他瀏覽器可能不支援），在地址欄中鍵入：127.0.0.1:8888，按斷行符號鍵，等待奇蹟吧，哈哈！Duang~Duang~兩下就可以看到廬山真面目啦！?

圖7-開發環境登陸介面

點擊Login，進入介面，哇，有沒有很雞凍的趕腳?

圖8-AppInventor開發介面

 至此，開發環境就搭建好啦！什麼，寫了這麼多，才寫到第二步？???

 Step3：手機模擬?

       開啟開發包檔案夾，找到一個名為“MIT AI2 Companion.apk”的東東，一看尾碼大家都知道這是手機安裝程式，沒錯，將它安裝到你的手機上，不管你用QQ傳輸還是資料線，總之將它傳到你的手機上，記住要安裝。?

圖9-將它安裝到你的手機上

用usb線將你的手機和電腦串連起來，你需要在手機的設定選項裡找到開發人員選項，並開啟usb調試。這時點擊AppInventor開發介面的connect中的USB（看不懂文字請看下面的圖）?

圖10-開啟contect中的USB

  稍微等待一會~你會發現手機中的MIT AI2 Companion 2.12啟動了，看看你的開發環境介面和你的手機顯示是否同步呢？此時此刻，有沒有很興奮呢？至此，我們的開發前的準備就已經充分完成了（打包apk，我們下次再講解）?

溫馨說明：如果大家看英語介面不習慣的話，點擊開發介面的右上方的小地圖，點擊其中的“簡體中文”就可以切換到中文介面啦！?

圖12-語言版本切換

好啦！本次課程就到這吧！下節課，我們就開始學習第一個app的開發——hello，小貓！小夥伴們可以通過關注公眾號“雲端微課”來獲得下節課的素材。

AppInventor開發環境搭建