PhoneGap Android版的Eclipse开发环境搭建

  最近在研究Hybrid App的各个方案,觉得PhoneGap还是很不错的,之前都是使用PhoneGap的Web打包工具,决定按安装个本地环境。因为工作以后再也没用过Java和Eclipse,看了一下官方文档感觉配置还是挺复杂的,其实现在完全不是一回事,基本上百度出来的帖子都是过时的内容,所以决定更新一个2012.12的版本给大家分享,仅适用于Cordova 2.2.0。
  一、下载与安装
  官方文档是要求:Eclipse Classic、Android SDK、ADT(Android Developer Tools) Plugin、PhoneGap包(现在叫Cordova)。
  现在一切就变得简单了,只需要:
  ADT Bundle:http://developer.android.com/sdk
  PhoneGap包:http://phonegap.com/download
  ADT Bundle是一个集成Eclipse 以及Android开放所需的全部SDK、工具、模拟器等等集合。简单说只要安装了ADT Bundle就已经搭建完了一个Eclipse的Android开发环境。
图片
  二、启动ADT创建项目
  创建一个新项目,选择标准的Android Application Project即可
图片
  全程下一步,除了软件名称、软件图标需要设置,其他都不需要考虑变更。
  三、复制PhoneGap(Cordova)文件到项目文件
  a.在项目根目录的assets中创建www目录,这个文件夹就是所有web程序的存储处,复制PhoneGap(Cordova)包里面的phonegap.js到/assets/www里面供Web程序调用。
  b.复制PhoneGap(Cordova)包里面lib/Android目录的phonegap.jar到/libs。
  c.复制PhoneGap(Cordova)包里面lib/Android目录的xml文件夹(只有config.xml)到/res.
图片
  四、修改配置文件
  a.编辑项目属性,在Java Build Path的Libraries和Order And Export分别添加Add JARs和勾选phonegap.jar。
图片
  b.编辑项目src目录下的MainActivity.java(如果你没改名的话)
  1.将主Class的继承由Activity改为DroidGap。
  2.添加import org.apache.cordova.*;(老版本是import com.phonegap.*;)
  3.移除import android.app.Activity;
  4.屏蔽setContentView();增加super.loadUrl("file:///android_asset/www/index.htm")。
  5.修改onCreate函数(protected void onCreate(Bundle savedInstanceState)) {由私有(protected)替换为公共(public)。
  c.编辑项目根目录的AndroidManifest.xml文件
  1.使用文本方式打开,在activity标签追加android:configChanges="orientation|keyboardHidden"。
  2.添加你需要调用到的权限,包括联系人、摄像头、麦克风等等等,将会出现在安装时候的协议中。
  放在manifest标签后uses-sdk之前
<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" />
  五、编辑网页,开始运行
  a.在项目目录"/assets/www“中新建刚才设定的首页文件“index.htm",里面随便写上几个字。
  b.Run……
  c.成功在虚拟机Run之前你还要选个手机,或者自定义一个,设置一下分辨率、内存、CPU等等
  d.首次启动虚拟机时间巨久,千万别以为死机了。
  e.恭喜你成功了!

--------------------------------分割线--------------------------------
Cordova 2.5.0 的Android for Mac的配置方式变得更加复杂了,链接见此


关键字: , , ,
2015/06/15 15:30有人说: Email 访问他/她的主页
xiexiegrin
2013/10/17 15:36有人说: Email 访问他/她的主页
谢谢楼主了。我的环境配置成功了。
分页: 1/1 第一页 1 最后页

发表评论

打开HTML   打开UBB   打开表情   隐藏   记住我
               
emotemotemotemotemotemotemotemotemotemotemotemotemotemotemotemotemotemotemotemotemotemotemotemotemot