美文网首页
Xcode创建的原生工程中集成Cordova(PhoneGap)

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

作者: AndyRony | 来源:发表于2017-11-15 17:32 被阅读0次

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.

相关文章

网友评论

      本文标题:Xcode创建的原生工程中集成Cordova(PhoneGap)

      本文链接:https://www.haomeiwen.com/subject/nizcvxtx.html