从学习PhoneGap到现在差不多已经有半年了,今天就总结总结这么长时间来自己的学习与大家分享一下!下面就说说PhoneGap的搭建步骤:

1.首先从Eclipse官网下载adt,我下载的版本是:adt-bundle-windows-x86_64-20130522.zip。

2.下载PhoneGap配置文件,最新的PhoneGap已经更新到了2.9.1版本了,个人下载的是2.8版本的,解压,接下来开始配置环境。

3.打开Java-ADT,新建一个安卓工程,配置选项按照默认的来。

4.在新建安卓工程assets目录下新建www目录,将phoneGap解压后的andorid文件下的cordova-2.8.1.jar文件复制到libs目录下;将xml文件夹复制到res文件下。

5.将MainActivity.java文件做以修改:

package com.example.工程名;


import android.os.Bundle;

import android.view.Menu;

import org.apache.cordova.DroidGap;

import android.view.KeyEvent.*;




public class MainActivity extends DroidGap {


   @Override

public void onCreate(Bundle savedInstanceState)

   {

       super.onCreate(savedInstanceState);

       super.loadUrl("file:///android_asset/www/index.html");

       //setContentView(R.layout.activity_main);

   }



   @Override

   public boolean onCreateOptionsMenu(Menu menu) {

       // Inflate the menu; this adds items to the action bar if it is present.

       getMenuInflater().inflate(R.menu.main, menu);

       return true;

   }


}

这是最后完整的MainActivity.java文件。

6.接下来右键点击AndroidManifest.xml文件,加入相应的权限配置,完成后如下:

<?xml version="1.0" encoding="utf-8"?>

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

package="com.example.huard"

android:versionCode="1"

android:versionName="1.0" >

<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.INTERNET"/>

<uses-permission android:name = "android.permission.RECEIVE_SMS"/>

<uses-permission android:name = "android.permission.RECORD_AUDIO"/>

<uses-permission android:name = "android.permission.RECORD_VIDEO" />

<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"/>


<uses-sdk

android:minSdkVersion="8"

android:targetSdkVersion="17" />


<application

android:allowBackup="true"

android:icon="@drawable/ic_launcher"

android:label="@string/app_name"

android:theme="@style/AppTheme" >

<activity

android:name="com.example.huard.MainActivity"

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>


</manifest>

到这里适用于安卓的phonegap环境就配置好了。接下来做一个实例演示:

在www目录下新建一个index.html文件,或者将自己做好的Web应用代码放置在www目录下,这里注意的几点是

a.www目录下的文件结构和电脑上http服务器下的结构是一致的,这是我在做的过程中犯得一个错误

b.一定要有index.html文件,否则在安卓虚拟机无法运行项目。

c.如果要做和网络相关的东西,可以选择websocket或者ajax,不过目前已经有很多人选择用websocket。

在配置过程中用到的相关网站链接大家可以查看:

http://phonegap.com/install/

http://www.phonegapcn.com/

http://www.eclipse.org/downloads/

http://developer.android.com/index.html

欢迎大家光顾我的博客!