Apache Cordova是一套设备API,允许移动应用的开发者使用JavaScript来访问本地设备的功能。它可以与UI框架(如jQuery Mobile或Dojo Mobile或Sencha Touch)等相结合使用,这些UI框架可以使用HTML、CSS和JavaScript开发智能手机应用。
    在使用Cordova API时,应用程序的构建可以无需本地代码(如Java或对象C等),使用的是Web技术。
    由于这些JavaScript API在多个设备平台上是一致的,而且是基于Web标准创建的,因此应用程序的移植很方便,基本不做什么改变。
使用Cordova的应用使用平台SDK打包成应用程序,可以从每种设备的应用程序商店下载安装。
    Cordova提供了一套统一的JavaScript库供调用,它支持iOS、Android、Blackberry、Windows Phone、Palm WebOS、Bada和Symbian。

    Apache Cordova官网:http://cordova.apache.org/

    为了成功搭建cordova环境,查阅了不少资料,最终总结了搭建过程如下: 1.下载nodejs

   由于cordova是利用nodejs进行管理的,所以需要先下载nodejs。安装nodejs的同时,会连带npm管理器一同安装。

   这里顺带介绍一下npm管理器: npm有两层含义。一层含义是Node.js的开放式模块登记和管理系统,网址为http://npmjs.org。另一层含义是Node.js默认的模块管理器,是一个命令行下的软件,用来安装和管理node模块。

   nodejs下载地址:https://nodejs.org/en/

 

cordova 配置splash screen_API


  nodejs安装完成后需要配置环境,不过一般install完成之后程序已经自动配置好环境变量了,不过可以到环境变量设置 中检查一下是否已经配置好环境变量:

 

cordova 配置splash screen_构建项目_02

npm -version

 

cordova 配置splash screen_构建项目_03

2.用npm命令安装Cordova

npm install -g cordova

 

cordova 配置splash screen_命令行_04

  安装需要一段时间,这时候就需要耐心等候啦。(网上提供的设置镜像:http://npm.taobao.org/    使用国内的镜像站:http://cnpmjs.org)

  命令行会提示安装已完成,安装完成后可以在C:\User\<用户名>\AppData\Roaming\npm\node_modules下可以看到cordova的安装包。

 

cordova 配置splash screen_cordova_05

cordova -v

 

cordova 配置splash screen_API_06

3.安装JDK

4.安装ADT和SDK

5.安装ANT

6.搭建cordova项目

a. 在某个目录下创建cordova项目,打开命令行,输入:cordova create myfirstProject "org.mycordova.project" "myfirstProject"

 

cordova 配置splash screen_apache_07

  这条命令的作用是生成cordova项目目录,命令格式如下:

  cordova create <工程路径> <包名> <工程名>

  第一个参数就是创建的工程所在的目录(myfirstProject ),第二个参数是包名,第三个参数是程序显示名,即安装后手机界面显示的应用名称(myfirstProject)。

  目录底下的文件:

cordova 配置splash screen_API_08

  目录描述:

  config.xml:主要是cordova的一些配置,比如:项目使用了哪些插件、应用图标icon和启动页面SplashScreen,还有平台的配置。
  hooks:存放自定义cordova命令的脚本文件。每个project命令都可以定义before和after的Hook,比如:before_build、after_build。没怎么用过,不展开了。
  platforms:平台目录,各自的平台代码就放在这里,可以放一下平台专属的代码,现在这个目录应该是空的,后面会介绍如何创建平台。
  plugins:插件目录,安装的插件会放在这里。后面会有专门的文章介绍开发插件。
  www:最重要的目录,存放项目主题的HTML5和JS代码的目录。app一开始打开的就是这个目录中index.html文件。

b.添加平台支持,cd 到项目目录执行命令即可创建项目,有多种平台可选,命令如下:

$ cordova platform add ios
$ cordova platform add amazon-fireos
$ cordova platform add android
$ cordova platform add blackberry10
$ cordova platform add firefoxos
$ cordova platform add wp7
$ cordova platform add wp8
$ cordova platform add windows8

 

cordova 配置splash screen_cordova_09

c.添加插件支持
主要为系统硬件访问的插件,常见如照相机、媒体访问、设备访问、加速设备、定位设备等。可以动态的按需求去添加,譬如按以下方式添加,,更多插件请查看cordova 官网。
基本设备资讯 (设备 API):
$
网路连接和电池事件:
$ cordova plugin add org.apache.cordova.network-information
$
相机、 媒体重播和捕获:
$ cordova plugin add org.apache.cordova.camera
$ cordova plugin add org.apache.cordova.media-capture
$
访问设备或网路 (档 API) 上的档:
$ cordova plugin add org.apache.cordova.file
$ cordova plugin add org.apache.cordova.file-transfer

d.构建应用

使用命令:cordova build

cordova 配置splash screen_API_10

cordova 配置splash screen_apache_11

7.将项目导入android studio中进行调试,导入项目底下的platforms\android中的build.gradle

cordova 配置splash screen_命令行_12