PhoneGap是一能夠讓你用普通的web技術編寫出能夠輕松調用API接口和進入應用商店的HTML5應用開發平臺。是唯一的一個支持7個平臺的開源移動框架。它的優勢是無以倫比的:開發成本低——據估算,至多Native App的五分之一!
目前Adobe剝離cordova以phonegap作為開發品牌,命令行也由原來的cordova改為phonegap。接下來將記錄我安裝phonegap3.4.0的過程。
第一步,在線安裝
打開命令行輸入(請先確認機子有安裝nodejs 下載地址http://nodejs.org/)
npm install -g phonegap
由于網絡的問題,我裝了3次才裝上。裝好之后,就是創建工程了(先確認ant命令 adb命令能正常使用 ps:adb命令在SDK包里的platform-tools文件夾下)
phonegap create my_app
cd my_app
phonegap run android
如果一切正常將會在虛擬機中看到helloworld的app。虛擬機可以通過eclipse先打開。這樣就在你的電腦里安裝了phonegap。不過工程是用ant的方式創建的,使用起來不是很方便。
第二步,制作jar文件
方法在官方上有介紹,不過需要添加成兩個工程xxx 和 xxx-CordovaLib,這顯然不夠友好。xxx-CordovaLib其實為我們在2.9中使用到的cordova-2.9.0.jar文件,接下來就是制作這個jar文件。命令行下打開phonegap的目錄,執行以下命令
cd .cordova/lib/android/cordova/3.4.0/framework
android update project -p
ant jar
執行成功后在framework目錄下就能找到cordova-3.4.0.jar,把這個包扔到工程的libs目錄下,這樣就不用打開xxx-CordovaLib。
第三步,目錄整理
當用eclipse打開的工程你會發現目錄結構跟2.9.0差很多,在assets文件目錄下只有個_where-is-www.txt,打開這個文件里頭有說明:
To show `assets/www` or `res/xml/config.xml`, go to:Project -> Properties -> Resource -> Resource Filters
And delete the exclusion filter.
按照提示打開項目->屬性->資源->資源過濾器,然后刪除exclusion 里的選項。
在看目錄assets目錄下就有www文件夾,res下的xml也生成了config.xml。由于之前有使用ant進行項目的構建所有還有一些沒有用的文件夾,模仿2.9.0的目錄結構進行刪除,這樣一個3.4.0的eclipse工程就建立好了。
安裝前準備工作
1、下載java sdk 1.6以上版本
2、下載Android Development Tools
已經包括了Android sdk、esclipe,解壓即可使用。
https://developer.android.com/sdk/index.html
3、設置系統變量
系統變量 Path后面添加:
一定要注意的是比 在2.9的安裝中多了ant的安裝,還有就是下面列出來的四個路徑不能是中文,不然ant編譯會錯誤
D:/Program Files/ADT/sdk/tools;
D:/Program Files/ADT/sdk/platform-tools;
D:/Program Files/ADT/sdk/eclipse/plugins/org.apache.ant_1.8.3.v201301120609/bin
C:/Program Files (x86)/Java/jdk1.6.0_10/bin;
新增 JAVA_HOME,設置值為java sdk 根目錄:
C:/Program Files (x86)/Java/jdk1.6.0_10/
配置完成后檢測是否安裝成功
1.輸入 java 如下圖表示成功
2.輸入 javac 如下圖表示成功
3.輸入 ant 如下圖表示成功
4、下載并安裝NodeJS
NodeJS
5、進入cmd,執行以下命令安裝
6、新建phonegap 項目
7、使用ADT工具打開并編輯該項目
File>New>Project>Android>Android Project from Existing Code
選擇則剛才建立項目所在路徑,即可使用ADT打開進行編輯。
8、項目的結構
主要編輯 assets/www 目錄下的 html css js 文件。
主目錄下面的www目錄為 assets/www 目錄的引用 直接編輯也是可以的
新聞熱點
疑難解答
圖片精選