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>