PhoneGap开发环境配置

趁着春节假期,学点新东西,前面也列了不少项目待做。除了一些是答应了朋友或者一直在搞的,就想试试把老项目迁移到移动平台上。Flash方面自然是Flash Builder了,JS方面考虑了一些时间,决定使用PhoneGap——因为有Adobe支持,应该比较有优势。

趁着春节假期,学点新东西,前面也列了不少项目待做。除了一些是答应了朋友或者一直在搞的,就想试试把老项目迁移到移动平台上。Flash方面自然是Flash Builder了,JS方面考虑了一些时间,决定使用PhoneGap——因为有Adobe支持,应该比较有优势。

以下是我通过尝试终于在自己的摩托罗拉XT800上跑通的过程,记录下来供大家参考:

  1. 打开http://phonegap.com/start#android,需要下载的东西都有了
  2. 按照里面说的,分别下载Eclipse ClassicAndroid SDK和最新版本的PhoneGap
  3. 安装Eclipse,通过Install New Software安装ADT Plugin
  4. 运行SDK Manager(由Android SDK安装)下载具体的sdk和api
  5. 好了,开发环境至此基本就绪,可以创建项目了
  6. 按照1里的网页创建项目
  7. 运行测试的时候有两个选择
    1. 我手头的机器比较多,选择的是真机测试
    2. 没有真机的话,可以安装模拟机(Android Virtual Device,AVD)
  8. 将手机通过usb连接到电脑
  9. 在手机(XT800)上,设置 > 应用程序设置 >  开发,勾选“USB调试”,这个时候Windows提示无法安装正确的驱动
  10. 打开http://developer.motorola.com/docstools/USB_Drivers/,下载最新32位系统的驱动并安装
  11. 安装完毕后,重新Run as,Eclipse会自动找到手机并运行,这个时候,在手机上就能看到index.html的内容了!

至此,我的攻略完毕。

吐槽:

  1. Eclipse Classic是用来写java的,对web开发支持不多,所以我在里面装了Aptana
  2. 之后只能在Project Explorer里面Run as > Android Application了