最新版phonegap环境搭建

千禮之行

12782人浏览 · 2014-01-27 23:25:26

千禮之行 · 2014-01-27 23:25:26 发布

1.先安装好android环境，下载phonegap-2.9.0（以2.9.0版本为例）

用npm下载cordova最新版

npm install -g cordova

2.在eclipse中新建Android Project，取名helloPhoneGap

3.在项目的目录下，建两个文件夹：

/libs

/assets/www

4.进入将刚刚下载并解压的PhoneGap包里Anroid目录，我们需要的资源都在这个目录下。

将cordova.js这个js文件(具体名称视当时下载的版本而定)copy到/assets/www目录下,

把cordova-2.9.0.jar文件copy到/libs目录下。

再把xml目录copy到android项目的res目录下。

5.在/assets/www下建立index.html文件，内容看起来像这样

<!DOCTYPE HTML> 
<html>
	<head>
		<title>PhoneGap</title>
		<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
	</head>
	<body>
		<h1>Hello PhoneGap</h1>
	</body>
</html>

6.将以下权限配置的xml内容copy到AndroidManifest.xml文件中：

<span style="font-family:Verdana, Arial, Helvetica, sans-serif;"><supports-screens
android:largeScreens="true"
android:normalScreens="true"
android:smallScreens="true"
android:resizeable="true"
android:anyDensity="true"
/>
<uses-permission android:name="android.permission.CAMERA" />
<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" />                                                                                                       </span><span style="font-family:Tahoma;"><uses-permission android:name="android.permission.GET_ACCOUNTS" /></span>

7.在刚刚新建的Android Project中找到libs目录并在cordova.jar上点击右键，选择 Build Path->Add to Build Path

8. 最后再修改下src下的Java主文件：

1)将类改成继承为DroidGap;

2)把setContentView()这行替换为super.loadUrl("file:///android_asset/www/index.html");

3)最后看起来就像这样：

package com.shiqudou.hellophonegap;
import org.apache.cordova.DroidGap;
import android.os.Bundle;
public class FullscreenActivity extends DroidGap {
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		super.loadUrl("file:///android_asset/www/index.html");
	}
}

9.其他配置参考文一，android环境配置

试着运行下就OK了