說到phonegap，很多人不知道是什麼，來自百度百科“PhoneGap是一個用基於HTML，CSS和JavaScript的，創建移動跨平臺移動應用程序的快速開發平臺。它使開發者能夠利用iPhone，Android，Palm，Symbian,WP7,Bada和Blackberry智能手機的核心功能——包括地理定位，加速器，聯繫人，聲音和振動等，此外PhoneGap擁有豐富的插件，可以以此擴展無限的功能。PhoneGap是免費的，但是它需要特定平臺提供的附加軟件，例如iPhone的iPhone
SDK，Android的Android SDK等，也可以和DW5.5配套開發。使用PhoneGap只比爲每個平臺分別建立應用程序好一點點，因爲雖然基本代碼是一樣的，但是你仍然需要爲每個平臺分別編譯應用程序。”簡單來說，就是提供給開發人員一套api，這套api類似於html和js的語法，所以方便了前臺編程人員可以快速的開發出webapp，並且該app通過一定的處理可以在iOS、android、windows等各個平臺運行，就是常說的一次編碼、多次編譯。
這套api聽起來很誘人，這也是近期webapp和nativeapp存在的爭議，但經我驗證，在普通的android手機2.3.5版本上，測試手機是G7，性能太差，運行起來太卡，但我相信，隨着硬件條件的不斷加強，webapp其實還是很有潛力的，有一天應該會超過webapp，這裏展示phonegap在android端的使用方法（官網http://phonegap.com/）
This guide describes how to set up your development environment for Cordova and run a sample application. Note that Cordova used to be called PhoneGap, so some of the sites still use the old PhoneGap name.
1. 開發環境
- Eclipse 3.4+
2. 需要下載的軟件及jar包
- 下載安裝Eclipse Classic
- 下載安裝Android SDK
- 下載安裝 ADT Plugin
以上三步是搭建android開發環境的要求，不熟悉的朋友可以網上查查
- 下載phonegap需要的jar包Cordova在官網上可以下http://phonegap.com/download
3. 創建新工程
這一步就是創建android的工程
-
![]()
-
![]()
-
![]()
-
Then select a graphic
![]()
-
Then Create a Blank Activity
![]()
- 點擊完成就創建完成了一個新的android工程，可以在手機上跑跑看，簡單的hello world
-
在根目錄上下創建如下兩個目錄
- /libs 放jar包的
- assets/www 放開發好的HTML文件的
- 從官網上下載cordova-2.0.0.js 放到 assets/www目錄下
- 從官網上下載cordova-2.0.0.jar 放到 /libs目錄下
-
從官網上下載xml放在工程的 /res目錄下
-
導入jar包，cordova-2.0.0.jar在工程上點擊右鍵選擇Build Paths/ > Configure Build Path 然後將jar包導入cordova-2.0.0.jar
![]()
-
mainactivity需要做如下修改:
- import org.apache.cordova.*;
- 把繼承自Activity 改成DroidGap
- 把原來的setContentView() 改成super.loadUrl(“file:///android_asset/www/index.html”);
- file:///android_asset/www/index.html這是android裏面讀文件的樣式
![]()
-
打開AndroidManifest.xml
-
加入如下權限
<supports-screens
android:largeScreens="true"
android:normalScreens="true"
android:smallScreens="true"
android:resizeable="true"
android:anyDensity="true" />
<uses-permission android:name="android.permission.VIBRATE" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.RECEIVE_SMS" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
<uses-permission android:name="android.permission.READ_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.GET_ACCOUNTS" />
<uses-permission android:name="android.permission.BROADCAST_STICKY" /> -
在 <activity>標籤中加入這句話
android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale" -
修改完是這個樣子的
![]()
4. Hello World
-
寫一個helloworld放在assets/www 目錄下
<!DOCTYPE HTML>
<html>
<head>
<title>Cordova</title>
<script type="text/javascript" charset="utf-8" src="cordova-2.0.0.js"></script>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>