Cordova webapp實戰開發：（4）Android環境搭建

標籤：

在《Cordova webapp實戰開發：（3）後面可能會學到的東西》中我們說了一下後續大致包括的內容，今天我們繼續。上周我在掌中廣材整合了友盟的社交分享，今天想整合iOS應該很順利的，但是只要一加入libSocialQQ.a就錯。我對iOS也不太熟，沒找到原因，頭暈了，寫一篇部落格權當休息一下。今天我們就來搭建一下Android環境，並編寫一個hello world吧。準備好了嗎？Web app開發旅程即將正式開始了.......

JAVA環境 

1. 安裝JAVA JDK
2. 開啟我的電腦--屬性--進階--環境變數 
   • 建立系統變數JAVA_HOME，變數名：JAVA_HOME ，變數值：C:\Program Files\Java\jdk1.7.0
   • 建立系統變數CLASSPATH，變數名：CLASSPATH ，變數值：.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
   • 選擇“系統變數”中變數名為“Path”的環境變數，雙擊該變數，在原來變數後追加 ;%JAVA_HOME%\bin
3. 現在測試環境變數的配置成功與否。在DOS命令列視窗輸入“JAVAC”，輸出協助資訊即為配置正確。
   

Android環境

1. 下載Andorid SDK以及Eclipse
　　如果你想通過Eclipse來開發Andorid應用程式，在你配置好了JDK變數環境之後可以安裝Eclipse之後下載Android SDK（Software Development Kit）並在Eclipse中安裝ADT外掛程式，這個外掛程式能讓Eclipse和Android SDK關聯起來。為了更加方便，在Andorid SDK下載中會包括SDK以及一個可以直接使用的Eclipse。

     寫blog，我不能保證文章的內容在以後也能使用，包括和連結，但我既然寫了，就要有責任保證現在的是能用的。以前是在Android SDK，大家可以根據自己的系統選擇相應的系統版本下載。不過

今天我寫這篇文章的時，不知是我網路原因還是其他的，總之不能訪問，所以我在我的百度網盤放了一個之前下載的SDK壓縮包，大家可前往下載：http://pan.baidu.com/s/1gdgur2j。下載完後，我把這個壓縮包解壓到E:\dev-tools\adt-bundle-windows-x86_64-20140321（你可以自己隨便放在哪個盤符）

2. 環境變數的配置
在JAVA環境配置中，我們做了一步環境變數的配置，對於android的開發人員來說，我們首先要做的也是環境變數的配置。
開啟我的電腦--屬性--進階--環境變數 

• 建立系統變數ANDROID_HOME，變數名：ANDROID_HOME，變數值：E:\dev-tools\adt-bundle-windows-x86_64-20140321\sdk
• 選擇“系統變數”中變數名為“Path”的環境變數，雙擊該變數，在原來變數後追加 ;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools
• 現在測試環境變數的配置成功與否。在DOS命令列視窗輸入“adb”，輸出協助資訊即為配置正確。
  

Cordova環境

在Apache Cordova官網上有明確的建立步驟，具體說明在 The Command-Line Interface  中。

1. 安裝NodeJS
   
2. 下載安裝一個 git用戶端

3. Window下行執行命令列：

   npm install -g cordova

   Mac下執行命令列

   $ sudo npm install -g cordova

   
   我現在的電腦已經存在Cordova項目，但是安裝環境卻沒有了。為了寫這篇文字，我又重新安裝cordova，在命令列下輸入
   
   同樣，仍舊非常慢，別急，耐心點，不要中斷執行，出去跑5公裡之後再回來看看是否安裝成功了。本來這篇博文是昨天發布的，只是這一步一直未完成，今天一大早又再試了試，很快就完成了。
   安裝成功的樣子是這樣的：
   
   
   如果你真的很著急，就要明白下載慢的原因了。下載慢是因為源的問題，如果等不及可以使用其它源。我看在PhoneGap App開發QQ群（348192525   ）中有人介紹了通過更改下載源可以解決，如果你知道的話，可以在本文回複一下，與大家分享一下。

敏捷個人，快樂、平衡、高效 

下面我們來做一個Hello world樣本

1. 建立一個項目，執行命令列 cordova create agileme cn.zhoujingen.agileme AgileMe , 如果安裝有問題可以後面加上 –d啟動查看執行詳細資料。下載類庫時間有點長，我大概等了10幾分鐘吧，你也耐心點，不要中斷執行。我第一次就是因為不想等了，然後中斷，導致後面步驟失敗，不得已刪除下載的類庫目錄檔案再次執行此步驟

error：please install android target: "android-22".

老老實實開啟Andorid SDK Manager下載最新Tools吧

不過要用代理才能下，算了，我直接用我以前做的代碼做了一個Demo源碼打包，使用的是Cordova3.幾的版本。Andorid樣本：webapptest.zip

至於如何使用Eclipse匯入項目我就不說了，不知道的就網上找找，或者在群裡問問大家吧

你可以在虛機上運行，

、

不過Andorid虛機很慢，我一般串連真機測試機 

 

直接按運行，選擇Andorid Application後，就會顯示出主介面了

 

如果你看到這個介面了，恭喜你，你的成功邁進了一步。

 

預習作業

第一次寫一步一步的，感覺自己是不是寫的太簡單了

1. 下載Cordova內建的notication外掛程式，跑一跑
2. 自己做一個獲得App大小版本號碼的外掛程式

 

 

如果你對以上內容感興趣，那就繼續關注吧，依舊如此，喜歡這個系列的就點贊，點的越多，更新就會越快，超過20個贊和20個回複後，開始寫下一篇，歡迎你寫下你想要我寫的內容

 

PhoneGap App開發 348192525   

 

Cordova webapp實戰開發：（4）Android環境搭建