移動WebApp開發-phoneGap+android入門

       隨着HTML5的快速發展,以及大家對於跨平臺的移動App開發的渴望,使用PhoneGap開發的需求也會越來越多。根據網絡上的資料,並結合自己的實踐,搭建了基於phoneGap的android開發環境,把步驟整理出來,持久化到博客,以免遺忘!

一:環境介紹

(1)phoneGap 2.9.0 下載地址:http://phonegap.com/install/

(2)Eclipse 3.7

(3)android-sdk-windows4.0.3

二:搭建步驟

(1)通過Eclipse 創建安卓工程,如下:

下一步:

輸入工程名 PhoneGapForAndroid,點擊Next :

選擇Android2.2 ,點擊Next :

輸入package name,點擊Finish ,工程目錄如下:

(2)在工程根目錄下創建 libs 文件夾。

(3)在工程assets目錄下創建 www 文件夾。

(4)從phonegap-2.9.0\lib\android下按下面步驟拷貝內容:

           a) 複製 ordova.js 到 assets/www目錄

         b) 複製 ordova-2.9.0.jar 到 libs目錄

         c) 複製xml文到夾到 res 目錄


   形成的目錄結構如下:

(5)編輯AndroidManifest.xml,添加如下內容:

(6)在“assets/www”目錄下新建文件index.html ,內容如下:

(7)修改PhoneGapForAndroidActivity.java

       a)將class的繼承類由 Activity改爲DroidGap

        b)將setContentView() 這一行替換爲super.loadUrl(file:///android_asset/www/index.html);

(8)運行程序,出現如下界面,即可搭建成功!





發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章