Cordova配置与开发

1.环境配置

1.1.安装ant

从 apache官网 下载ant，安装并配置，将ant.bat所在目录加到path环境变量，如c:\apache-ant\bin\。在cmd中运行以下语句如不报错即可：

>ant -h

1.2.安装git

从 git官网 下载git并安装。

1.3安装nodejs

从 nodejs网站 下载并安装，安装成功后，在命令行输入命令：node 或 npm，不报错即可。

1.4.安装cordova

> npm install -g cordova

2.创建工程

a.新建一个文件夹作为工作目录，cmd切换到该路径下

>cd d:\workspace\cordova

b.创建cordova project

>cordova create helloCordova com.hzjava.myCordova HelloCordova

c.添加平台支持

首先进入刚创建的工程根目录

>cd helloCordova

然后

> cordova platforms add ios

> cordova platforms add android

> cordova platforms ls

d.添加插件（根据具体功能添加插件，比如扫码插件、文件操作插件等等，可以去 cordova插件库 搜索需要的插件）

> cordova plugin add com.phonegap.plugins.barcodescanner

> cordova plugin add org.apache.cordova.file-transfer

> cordova plugin ls

注意：并非所有插件都是全平台支持的，有些可能只支持android，有些可能同时支持android和ios，所以开发多平台app时需要慎重选择插件

3.项目整合

3.1.Android

a.将静态html文件copy到helloCordova\www目录下

b.编译android工程：

>cordova build android

c.运行eclipse，导入helloCordova\platforms\android路径下的android工程

d.在html里引用cordova的js库：

<script type="text/javascript" src="cordova.js"></script>

<script type="text/javascript" src="cordova_plugins.js"></script>

3.2.ios

a.将静态html文件copy到helloCordova\www目录

b.编译ios工程：

>cordova build ios

c.运行xcode，导入helloCordova\platforms\ios路径下的xcode project

d.在html里引用cordova的js库：

<script type="text/javascript" src="cordova.js"></script>

<script type="text/javascript" src="cordova_plugins.js"></script>

 

• cordova编译会将[根目录/www]下文件copy到具体platform的www文件夹内，如果你的代码写在platforms里的android中，编译时会被覆盖掉
• 因为add plugin的时候已经自动添加了相关的配置，所以只要有cordova_plugin.js就不需要手动引用cordova插件的js了。

4.打包

4.1.Android

导入platforms\android下面的工程时，会出现两个project：HelloCordova和HelloCordova-CordovaLib。打包时，将HelloCordova-CordovaLib/bin/hellocordova-cordovalib.jar拷贝到HelloCordova/libs文件夹内，然后右击主工程，选择Export，如图

选择Export Android Application

Keystore可以自己创建一个新的，也可以使用现有的

点击『Finish』成功导出apk

4.2.ios

要打包成任意设备都可以安装的ios安装包（ipa），首先需要一个企业开发者账号（$299/年），确认满足以后执行以下步骤：

a.登陆 苹果开发者中心

b.Identifiers >> App IDs，点击「+」号，创建一个app id，填写相关信息下一步即可

c.Provisioning Profiles >> Distribution，点击「+」号，创建一个profile

选择In House

选择一个app id，选择刚刚创建的那个

选择一个certificate

填写profile name

d.下载创建好的profile文件

e.下载步骤c中选择的certificate文件

f.在mac中双击certificate和profile文件将它们导入

g.打开xcode，选中工程，Build Settings >> Code Signing，Code Signing Identity选择注册的公司名

h.Provisioning Profile选择刚刚导入的profile

i.xcode >> window >> Organizer >> Archives，点击Distribute

j.选择save for enterprise or ad hoc deployment，下一步

k.选择一个profile进行签名，然后export