接入Cordova跨平台Web通信框架

前言:

最近也是根据公司业务需求,展开了对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原生通信的原理。

  • 发表于:
  • 原文链接:http://kuaibao.qq.com/s/20180131G0F4R400?refer=cp_1026

相关快讯

扫码关注云+社区