PhoneGap&Cordova

简介

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

Cordova是贡献给Apache后的开源项目,是从PhoneGap中抽出的核心代码,是驱动PhoneGap的核心引擎。你可以把它们的关系想象成类似于Webkit和Google Chrome的关系。
Cordova提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄像头、麦克风等。
Cordova还提供了一组统一的JavaScript类库,以及为这些类库所用的设备相关的原生后台代码。

安装及使用方法

  1. 下载java sdk 1.6以上版本
    建议下载最新的版本 ,比如1.8以上
  2. 下载Android Development Tools
    已经包括了Android sdk、esclipe,解压即可使用。
  3. 设置系统变量
    系统变量 Path后面添加:
    D:\Program Files\ADT\sdk\tools;
    D:\Program Files\ADT\sdk\platform-tools;
    D:\Program Files\ADT\sdk\eclipse\plugins.ant_1.8.3.v201301120609\bin
    C:\Program Files (x86)\Java\jdk1.6.0_10\bin;
    新增 JAVA_HOME,设置值为java sdk 根目录:
    C:\Program Files (x86)\Java\jdk1.6.0_10\
  4. 下载并安装NodeJS,具体方法参照上一篇博客。
  5. 进入cmd,执行以下命令安装
    npm install -g cordova
  6. 新建phonegap/cordova 项目
    cordova create myApp
    cd myApp
    cordova platform add android
  7. 使用ADT工具打开并编辑该项目
      File>New>Project>Android>Android Project from Existing Code
    选择则刚才建立项目所在路径,即可使用ADT打开进行编辑。
    打开的时候如果出现两个选项全选,如果出现很多,那么debug和build相关字眼的不选,最后也是剩余两个,然后点击完成
  8. 项目的结构
    主要编辑 assets/www 目录下的 html css js 文件。

你可能感兴趣的:(跨平台移动应用开发)