Xcode创建的原生工程中集成Cordova(PhoneGap)

2017-11-15  本文已影响0人  AndyRony

1.使用ionic框架搭建的工程框架后目录结构如下:

其中cofig.xml配置文件,platforms是生成的iOS项目

2.在此基础上我要把ionic下的工程集成到本地Xcode创建的工程中,下面就要说一下我自己创建的过程了

(1)Xcode工程配置

        打开xcode文件目录,将ionic主目录下的config.xml拷贝至xcode工程中

        进入ionic工程下的platforms文件夹,把CordovaLib文件夹和www文件夹拷贝到Xcode工程中

(2)添加依赖库

Add Files添加CordovaLib.xcodeproj 和 config.xml

打开Xcode工程,右键Add Files to ...添加CordovaLib.xcodeproj 和 config.xml

继续在Xcode工程中,打开finder中Xcode源码的文件夹,找到www文件夹,拖至工程中,务必Added folders要选择folder references,这样添加进去的文件夹是蓝色的,否则的话(文件夹是黄色的)项目编译会提示找不到www里的index.html

至此工程文件配置已经完成。

(3)工程配置

进入Build Phases,在Target Dependencies 和Link Binary 中添加Cordova

link Binary中添加依赖库,libCordova.a  ,  AssetsLibrary.framework    ,MobileCoreService.framework

Target Dependencies中添加CordovaLib依赖库

添加完成后如图所示:

(4)设置工程

buiild stetings 的 otherLiner flags 添加 -all_load和-Objc

至此工程配置已经全部完成。

3,运行效果,假设加载在UIViewcontroller上,就在此页面实现:

CDVViewController* viewController = [CDVViewController new];

viewController.wwwFolderName = @"www";

//    viewController.startPage = @"choose.html";

viewController.view.frame = CGRectMake(0, 0, 320, 480);

[self.view addSubview:viewController.view];

www路径和Index.html的名字什么的都可以去CordovaLib.xcodeproj中修改

编译运行ok.

上一篇 下一篇

猜你喜欢

热点阅读