PhoneGap环境搭建(android平台)

      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 ,命名HelloPhoneGa p。



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 {
	@Override
	public 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环境搭建完成。






发布了12 篇原创文章 · 获赞 7 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/zyjzyj55/article/details/41812845