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  PhoneGap App實戰開發 )中有人介紹了通過更改下載源可以解決,如果你知道的話,可以在本文回復一下,與大家分享一下。

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

下面我們來做一個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大小版本號的插件

  

PhoneGap App開發 477842664 Cordova App實戰開發2 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM