在已存在的iOS工程中引入Cordova

本文主要介绍如何在原有的iOS工程中引入Cordova及其插件,话不多说,现在开始正题:

1、创建iOS Demo工程,工程目录如图所示:

在已存在的iOS工程中引入Cordova_第1张图片

2、创建Cordova项目(可以在终端通过指令创建,这里就不过多啰嗦),目录如下:

在已存在的iOS工程中引入Cordova_第2张图片

3、将cordova、CordovaLib、platform_www及www文件夹移到Demo工程中去:

在已存在的iOS工程中引入Cordova_第3张图片

4、打开Demo工程,将www文件和CordovaLib.xcodeproj导入工程中,注意选择create folder references:

在已存在的iOS工程中引入Cordova_第4张图片
在已存在的iOS工程中引入Cordova_第5张图片

5、将cordova项目根目录下的config.xml文件拖至Demo工程内:

在已存在的iOS工程中引入Cordova_第6张图片

6、Demo工程内最终目录如下:

在已存在的iOS工程中引入Cordova_第7张图片

7、在Build Settings里面的other linker flags中添加-Objc -all_load,加载所有资源文件:

在已存在的iOS工程中引入Cordova_第8张图片

8、在Build Phases中点击加号,选中New Run Script Phase

在已存在的iOS工程中引入Cordova_第9张图片

9、将Run Script重命名为copy www directory,并将cordova/lib/copy-www-build-step.js作为文件引入路径添加进去

在已存在的iOS工程中引入Cordova_第10张图片

10、在Build Phases中的Target Dependencies中添加CordovaLib库,在Link Binary With Libraries中导入MobileCoreServices.framework、AeestsLibrary.framswork、libCordova.a库

在已存在的iOS工程中引入Cordova_第11张图片

11、在Viewcontroller.hzhong 声明头文件,并使其继承自CDVViewcontroller

在已存在的iOS工程中引入Cordova_第12张图片

然后,项目就可以跑起来啦!请添加好友或者关注我,有问题也可以随时咨询我~

你可能感兴趣的:(在已存在的iOS工程中引入Cordova)