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

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.


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,223评论 4 61
  • 最后的纤夫目录 上一节回顾:最后的纤夫(二十八) 父亲的离世对我的打击很大,那时我真的想陪他去死。他疼我,爱我如宝...
    清风明曦阅读 2,994评论 0 1
  • 你的美 光艳 璀璨 让人不忍直视 又流连忘返 多少暗夜 用泪水 洗尽自己的铅华 多少苦痛 用身体 一层一层的包裹 ...
    海静16阅读 747评论 0 0
  • 晨光微透 带着你的笑脸一起 摇曳在门前老槐树 那些密密麻麻的枝叶里 树影婆娑 洋洋洒洒 排版成一首诗 一首记忆里的...
    梓莘阅读 2,885评论 1 9
  • 写给:王德虎 王 字加点是玉玺, 德 门添财尔悦嘻, 虎 将远方凸虎气, 好 汉满腹尽经伦。 ____ 武...
    墨海联谊阅读 4,466评论 0 0