前言:
最近也是根据公司业务需求,展开了对Cordova的学习与研究。开篇先看看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的核心引擎。
本文仅对Cordova的部署进行逐步描述,正文开始~~
一、辅助工具安装(Node.js):
因Cordova的安装需要借助于node.js依赖包管理工具来进行安装,所以第一步在你的Mac上安装Node.js。要安装Cordova,需要先安装Node.js,可在Node.js官网(https://nodejs.org/en/),上下载并安装,下载好以后,一步一步点击下去就好,可以的老铁,没毛病。
PS:在命令行查一下是否安装了Git,命令:git --version,如无Down一个吧~
二、Cordova安装:
命令行下执行如下命令,通过Node.js依赖包管理工具进行Cordova安装,注意使用Root帐号进行操作。
安装成功后如上图所示~至此,Cordova安装完毕,可以开始创建工程了~
三、Cordova工程创建:
同样,继续终端执行相关命令,如下:
官网对命令行参数的解释:
Demo()将为你的项目生成一个Demo目录www子目录是应用程序的主页,以及各种资源(css,js,img),遵循共同的web开发文件命名规范。这些资源将存储在设备上的本地文件系统,而不是远程服务。cofig.xml文件包含重要的需要生成和分发应用程序的元数据。()
App ID如果不填写这个参数,第三个参数就要省略,默认值是 io.cordova.hellocordova,但建议你填写一个适当的值。()
应用程序的项目名这个参数的默认值是 HelloCordova,但建议你填写一个适当的值
PS:期间有可能因为Mac系统账户不是Root用户,导致权限问题,可采用sudo命令进行临时Root执行操作。
因为Cordova是个通用框架,我们作为iOS开发人员,需要引入iOS开发平台,故执行如下命令引入iOS Platform。
接下来在工程目录下执行如下命令,构建项目~~~
执行成功后,可以在Demo目录下看到iOS工程文件,打开workspace run一把,来验证安装结果~
结:至此,Cordova框架引入完毕,后续文章会对Cordova如何引入现有工程进行描述。并深入解析一下Cordova框架与iOS原生通信的原理。
领取专属 10元无门槛券
私享最新 技术干货