PhoneGap环境搭建(android平台)

来源：互联网发布：昆山软件行业协会编辑：程序博客网时间：2024/06/05 00:24

PhoneGap是能够让你用普通的web技术编写出能够轻松调用API接口和进入应用商店的HTML5应用开发平台。是唯一的一个支持7个平台的开源移动框架。这里以安卓为例搭建开发环境。

1. 搭建安卓开发环境。（本文用的android官方提供的adt-bundle-windows集成开发环境，这里安卓开发环境搭建不做介绍。）

2. 下载 PhoneGap，这里下载的是phonegap-2.9.0.zip。

到官方下载所需要的phonegap版本：http://phonegap.com/install/

3 新建PhoneGap项目

3.1在eclipse中新建Android Project ，命名HelloPhoneGap。

3.2 在项目的目录下，新建文件夹：

/assets/www

3.3 将前面下载的PhoneGap解压，找到lib下android文件夹。

将cordova.js这个js文件复制到/assets/www目录下。

把phonegap.jar文件复制到/libs目录下。

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

工程目录如下：

4.在/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>

5.新建java文件，将类继承为DroidGap

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

package com.zyj.hellophonegap;import org.apache.cordova.DroidGap;import android.os.Bundle; /** * @Description TODO * * @author zyj  * @time 2014-12-8 10:29:44 */public class HelloWorld extends DroidGap {@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);super.loadUrl("file:///android_asset/www/index.html");}}

6. 将下面的权限设置增加到AndroidManifest.xml中:（如下图）

  <supports-screens        android:anyDensity="true"        android:largeScreens="true"        android:normalScreens="true"        android:resizeable="true"        android:smallScreens="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" />    <uses-permission android:name="android.permission.GET_ACCOUNTS" />    <uses-sdk        android:minSdkVersion="8"        android:targetSdkVersion="18" />    <application        android:allowBackup="true"        android:icon="@drawable/ic_launcher"        android:label="@string/app_name"        android:theme="@style/AppTheme" >        <activity            android:name=".HelloWorld"            android:configChanges="orientation|keyboardHidden"            android:label="@string/app_name" >            <intent-filter>                <action android:name="android.intent.action.MAIN" />                <category android:name="android.intent.category.LAUNCHER" />            </intent-filter>        </activity>    </application>

7. 模拟器运行，PhoneGap环境搭建完成。

1 0