接入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原生通信的原理。