Swift 从零集成Cordova框架

前段时间负责了一个Cordova项目。项目近尾声了，是时候总结总结了。

前言：

项目使用了Cordova框架，目的是实现跨平台应用的开发，即只要写一套H5页面就可以自动构建成安卓和iOS两个平台的应用，让开发人员不用写任何平台相关的原生代码，从而提高了效率。

该项目使用了许多不同的技术栈，这也包括Cordova的技术栈，例如Cordova的集成、Cordova Plugin等等。今天先分享从零集成Cordova框架，其他的就以后再分享吧。

还是以一个实际Demo例子来说明。

1.创建Swift工程

创建一个iOS工程项目(见下图)名字叫TestCordovaDemo，开发语言是 Swift.

 2.创建Cordova项目

上一步是创建Swifit工程，这一步是创建Cordova项目。Cordova项目需要用命令行来创建，然后把创建好的相关文件拷贝到Swift项目中并做好相关配置，这就是所谓的Cordova框架的集成。

  

2.1 首先若没有安装Cordova，需要先安装

npm install -g cordova

注:若没有安装npm，那就需要安装nodejs(npm包含在nodejs中). 安装NodeJS 访问：http://nodejs.org/

2.2 建立Cordova项目，项目名称暂为myCordova

cordova create myCordova

2.3 进入myCordova目录，添加iOS平台文件

cd ./myCordova
cordova platform add ios

 3.拷贝Cordova文件到Swift项目文件夹下

3.1 打开myCordova/platforms/ios文件夹，将里面的CordovaLib、www这两个文件夹复制粘贴到TestCordovaDemo的根路径中。

 

 

3.2 将myCordova根目录下的config.xml也拷贝到TestCordovaDemo的根目录。

 

3.3 将myCordova/platforms/ios/HelloCordova 目录下的 config.xml，拷贝到 TestCordovaDemo/TestCordovaDemo 目录下

4. 添加Cordova文件到Swift项目

4.1 右键 Add Files to...，将CordovaLib.xcodeproj 添加TestCordovaDemo工程。

4.2 同时,把项目根目录/myCordova/config.xml通过Add Files to...添加工程。

4.3 把www文件夹拖到工程中来（注：选择不复制文件）

 

最终，添加为三个文件类型.

5.配置Swift项目参数

5.1 在设置界面Build Settings -> Other Linker Flags 中添加"-ObjC -all_load"

5.2 在Build Phases标签中添加如下两个库

Target Dependencies -> CordovaLib

Link Binary With Libraries -> libCordova.a

 

5.3 在项目中添加个桥接头文件TestCordovaDemo-Bridging-Header.h,

并且添加如下的代码：

#import "CordovaContainerViewController.h"

 

 

至此，Cordova项目就集成到Swift工程。build也成功了。

总结

1.Cordova框架集成到Swift项目，其技术上没有很复杂，只是步骤繁琐些，只要按步骤完成即没有问题。

2.究其本质，就是完成Cordova框架与Swift的依赖关系，这依赖关系包括文件、配置上等依赖。建立好相关依赖即可。

以上就是Cordova从零开始集成的介绍。