一、PhoneGap簡介
PhoneGap是一個用基於HTML,CSS和JavaScript的,創建移動跨平台移動應用程序的快速開發平台。它使開發者能夠利用 iPhone,Android,Palm,Symbian,WP7,Bada和Blackberry智能手機的核心功能——包括地理定位,加速器,聯系 人,聲音和振動等,此外PhoneGap擁有豐富的插件,可以調用。
二、嘗試安裝PhoneGap
現在經常在各大博客網站上看到PhoneGap的身影,所以打算跟隨潮流,利用空閑時間學習一下PhoneGap。
學習的第一步當然是安裝PhoneGap,但是安裝PhoneGap實在是個麻煩事兒。官網就只給了簡單的一句話。
To Install, ensure that you have NodeJS installed, then open your commandline and run the following:
C:\> npm install -g phonegap
那我們就先按照官網來試試!
第一步、先安裝NodeJS,這個安裝比較容易,這里就不多做介紹了。
第二步、在命令行輸入:npm install -g phonegap,但是這里出錯了,錯誤如下:
C:\Users\Administrator>npm install -g phonegap npm ERR! not found: git npm ERR! npm ERR! Failed using git. npm ERR! This is most likely not a problem with npm itself. npm ERR! Please check if you have git installed and in your PATH. npm ERR! System Windows_NT 6.1.7601 npm ERR! command "D:\\Program Files\\nodejs\\\\node.exe" "D:\\Program Files\\nod ejs\\node_modules\\npm\\bin\\npm-cli.js" "install" "-g" "phonegap" npm ERR! cwd C:\Users\Administrator npm ERR! node -v v0.10.29 npm ERR! npm -v 1.4.14 npm ERR! code ENOGIT npm ERR! npm ERR! Additional logging details can be found in: npm ERR! C:\Users\Administrator\npm-debug.log npm ERR! not ok code 0
上面提示說是找不到git,既然這樣,那就安裝git。
安裝完git之后,再試,結果還是一樣。
很是郁悶,沒辦法了,只有谷歌百度,查找解決方案。
根據網上的一些方法和安裝教程忙活了半天,結果還是不行,頓時心灰意冷了。
三、重新認識PhoneGap
過了幾天之后,在博客園發現一篇博文《使用PhoneGap開啟移動開發之旅》,幡然醒悟。
之后在查找資料過程中發現了下面這句話:
現在PhoneGap的代碼已經貢獻給了Apache軟件基金會(ASF),並且改名為 Apache Cordova。這個名字來源於溫哥華的科爾多瓦街(Cordova Street),它是創建PhoneGap時Nitobi公司的所在地。
至此,一切問題浮出水面,原來剛開始大方向就走錯了。
四、重新安裝PhoneGap(Cordova)
現在我們只需要安裝Apache Cordova即可。訪問Apache Cordova官網,查看安裝方法。
安裝教程地址:http://cordova.apache.org/docs/en/3.5.0//guide_cli_index.md.html#The%20Command-Line%20Interface
下面簡述安裝步驟(在已經安裝完NodeJS的情況下):
第一步:安裝cordova
在OS X和Linux系統下輸入下面的命令:
$ sudo npm install -g cordova
在Windows系統下輸入:
C:\>npm install -g cordova
第二步:創建App
$ cordova create hello com.example.hello HelloWorld
第三步:添加各個平台
$ cd hello $ cordova platform add ios $ cordova platform add amazon-fireos $ cordova platform add android $ cordova platform add blackberry10 $ cordova platform add firefoxos $ cordova platform add wp8 $ cordova platform add windows8 $ cordova platform add amazon-fireos $ cordova platform add android $ cordova platform add blackberry10 $ cordova platform add firefoxos
以上平台,根據需要添加。
第四步:構造App
$ cordova build
第五步:在模擬器或者設備上運行App
這里以android開發平台為例,分別下載安裝最新的JDK、Android SDK、Apache Ant。
以下是下載地址:
http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
http://developer.android.com/sdk/index.html
http://ant.apache.org/bindownload.cgi
安裝完成之后,記得配置好環境變量。
添加新的環境變量, 根據安裝路徑,調整下面的路徑:
ANDROID_HOME Value: C:\Program Files\adt-bundle-windows-x86_64-20140321\sdk
ANT_HOME Value: C:\Program Files\apacheant
JAVA_HOME Value: C:\Program Files\Java\jdk1.8.0_05
添加到Path
%JAVA_HOME%\bin;%ANT_HOME%\bin;%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools;
以上完成后再在Android SDK的安裝目錄中,有SDK Manager.exe程序,在命令行中啟動該程序。
在Tools->Manage AVDs中,創建一個新的Android模擬器。
最后就可以開始在Android平台上編譯和運行我們的的第一個PhoneGap程序了。
$ cordova emulate android
五、安裝遇到的一些問題
問題一:連接超時
C:\Users\Administrator>cordova create hello com.example.hello "HelloWorld" Creating a new cordova project with name "HelloWorld" and id "com.example.hello" at location "C:\Users\Administrator\hello" Downloading cordova library for www... Error: connect ETIMEDOUT at errnoException (net.js:904:11) at Object.afterConnect [as oncomplete] (net.js:895:19)
原因:網址 https://git-wip-us.apache.org/ 速度太慢,導致超時
解決方法:
直接下載文件,解壓到www目錄下,如圖:
下載地址:https://github.com/apache/cordova-app-hello-world
問題二:
C:\Users\Administrator>cordova platform add android Current working directory is not a Cordova-based project.
原因:當前文件夾下不存在cordova項目,因為新建項目的時候,創建在hello文件夾下。
解決方法:
C:\Users\Administrator>cd hello
到這里全文就結束了,不得不說安裝PhoneGap真是一件麻煩事。
謹以此文,獻給初學或想研究PhoneGap的讀者。
http://www.it165.net/pro/html/201407/17784.html