从学习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
欢迎大家光顾我的博客!