PhoneGap/Cordova学习笔记--1.Android环境搭建

随着移动互联网时代的到来，许多传统行业公司开始向互联网公司转型，鉴于人力、财力、物力和HTML5的爆发，于是产生了混合开发Hybrid(Native原生+Web网页)APP。

---

了解PhoneGap/Cordova

• 在2011年10月，Adobe收购了Nitobi Software和它的PhoneGap产品，并改名为Cordova，其实我们现在说的PhoneGap就是Cordova，Cordova是从PhoneGap中抽出的核心代码，是驱动PhoneGap的核心引擎。

• PhoneGap/Cordova是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone，Android，Palm，Symbian,WP7,WP8,Bada和Blackberry智能手机的核心功能——包括地理定位，加速器，联系人，声音和振动等，此外PhoneGap拥有丰富的插件，可以调用。

---

所需工具

• eclipse(Java EE版，方便编写web页面)
• JDK，ADT，Android SDK(觉得搭建开发环境麻烦也可使用集成开发工具ADT-Bundle)
• nodejs
• cordova
• ant

---

搭建步骤

• 安装JDK，并配置好环境变量

  

• 使用Java EE版eclipse需安装ADT

  

  打开eclipse → Help → Install New Software… → Add → Archive…
  

  期间弹出窗口点击OK，Accept即可

• 安装完ADT会重启Eclipse，默认面板为Java EE，点击图中Java EE左边的小加号图标，切换至Java面板
  

  此时eclipse工具栏会多出2个安卓机器人小图标
  

• 安装Android SDK

  点击Android SDK Manager → Tools → Options…配置镜像
  

  然后就可以下载Android的SDK版本了(这是一个漫长的过程，可用离线版)

  

  使用ADT-Bundle集成开发环境上面步骤可以省略

• 安装node.js

  浏览器打开nodejs.org/en/blog/，下载node-v0.10.xx-x64.msi并安装
  注意：nodejs版本高于v0.10.xx时在下一步安装Cordova 时可能会发生一直无法安装的问题
  

  把安装路径配置到系统path环境变量中，在命令行窗口输入npm，出现下图表示node.js安装成功。
  

  注意：如果你是自定义nodejs的安装目录，在输入npm时可能会出现错误
  C:\Users\Administrator>npm Error: ENOENT, stat ‘C:\Users\Administrator\AppData\Roaming\npm’
  只需要在Roaming目录下创建npm目录就解决了

• 安装Cordova
  命令行输入npm -g install cordova，出现下图表示安装成功
  

  测试cordova
  命令行输入cordova，出现下图表示cordova安装成功
  

  如未成功，需将cordova安装路径添加到系统path环境变量中，具体路径为C:\Users\Administrator\AppData\Roaming\npm\node_modules\cordova\bin

• 安装Ant
  浏览器输入ant.apache.org/bindownload.cgi，点击下图第一个下载apache-ant-1.9.6-bin.zip，解压，把bin目录添加到系统环境变量path中。
  

基于Android Hybrid开发的PhoneGap/Cordova环境到此就搭建结束。
下节将学习编写基于此环境的第一个HelloWord。