使用cordova打包app(ios)流程

注：本文主要介绍cordova的安装及创建项目

1 Cordova简介

1.1 Cordova是什么

Cordova前身是phonegap,而PhoneGap是Nitobi软件公司2008年推出的一个框架，旨在弥补web和iOS之间的不足，使得web和iPhone SDK之间的交互更容易。后来又加入了Android SDK 和BlackBerry SDK，再然后又陆续加入了更多的平台。但是在2011年，Nitobi公司被Adobe收购，PhoneGap也被提交到Apache Incubator。由于Adobe现在拥有PhoneGap商标，PhoneGap v2.0版产品就更名为Apache Cordova。据说Cordova是Nitobi团队当时坐落的街道名称，用此名来纪念Nitobi团队的贡献。Apache Cordova是从PhoneGap中抽出的核心代码，是驱动PhoneGap的核心引擎。

1.2 Cordova的工程结构

cordova工程结构图

2.cordova的安装

2.1 安装Node.js

要安装Cordova，需要先安装Node.js在Node.js官网,上下载并安装，下载好以后，一步一步点击下去就好，可以的老铁，没毛病。

2.2 安装git

git一般不用安装，osx和linux都自带git，可以在命令行输入git --version检查一下。如果没有git，需要到git官网下载安装一个git客户端。

2.3.检查node npm

安装好node，git，检查node，npm的版本（打开终端时注意，系统帐号权限，使用管理员身份登陆的）已安装的请忽略以上2 步。

node  -v

npm -v

检查node，npm版本

使用node.js的依赖包管理工具npm来进行cordova安装（在安装之前确认是否受权限限制）使用  sudo -s 切换至管理员状态。

切换权限

sudo -s

2.4安装cordova，

npm  install  -g  cordova

安装cordova

因为本人是第二次安装，可能图示稍微有点不同，不过基本如此，无伤大雅。

2.5检查cordova是否安装成功

检查自己是否安装成功cordova，出现版本号就是安装成功啦！

cordova -v

检查cordova版本

3.创建你的第一个cordova项目

3.1新建项目

cordova create Demo com.YanSY.demo.hello HelloWorld

参考：

Cordova create 命令参考文档

Cordova项目目录结构

3.2添加支持平台（我们这里只介绍ios的平台）

所有后续命令在项目的目录中进行，可在该项目任何子目录中，cmd切换到项目目录下：

cd  Demo

在构建项目之前，你需要指定一组目标平台。你能够运行这些命令取决于您的机器是否支持每一个SDK，合理是否已安装SDK。在MAC上运行命令：

cordova  platform add ios

添加ios平台

ios目录地址

如果需要查看Cordova支持平台以及已经添加的平台，终端输入命令：

cordova platform ls

删除已添加的平台：

cordova  platform  rm  ios

3.3添加插件

cordova plugin add com.phonegap.plugins.barcodescanner

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

cordova plugin ls

并非所有的插件都是全平台支持的，有些可能只支持安卓，也有的可能同时支持安卓和iOS，所以在多平台开发时，请慎重选择插件。个人建议，可自定义插件类，可参考官网Cordova自定义插件。

参考：cordova插件库；

3.4 迭代项目

在工程目录下运行下面的命令来构建项目：

cordova  builb

注意：若是只添加了一种平台此时构建项目时应该输入 cordova build ios

项目构建成功

4.运行项目

4.1在xcode中运行

步骤走完第三章，那么，一个简单的Cordova项目就已经搭建完成了，现在，我们运行下我们工程。打开目录下

4.2EventsCordova生命周期事件

cordova的生命周期

4.3Plugin APIs自定义Plugin方法

附录：

下一章主要介绍如何xcode的一些配置方法及注意的坑，如果有需要的可以看看。