使用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的一些配置方法及注意的坑,如果有需要的可以看看。

你可能感兴趣的:(使用cordova打包app(ios)流程)