iOS 项目集成 Cordova

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iOS 项目集成 Cordova相关的知识,希望对你有一定的参考价值。

参考技术A 创建完成后,目录结构如下:

创建完成后,目录结构如下:

在我们刚才创建好的 cordovaDemo 文件目录下,为我们的 cordova 添加适用平台
cordova 适用的平台 cordova platform add ios / amazon-fireos / android / blackberry10 / firefoxos / wp8 / windows8 / amazon-fireos

命令 cordova platform add ios

我们可以使用 命令 build ios
也可以使用 目录中 找到 platforms>ios>HtoolCordova.xcworkspace 运行

运行结果

1、添加 cordova.xcodeproj 到 原有的APP 项目中。

2、添加 www 目录到工程中,记得此处使用 create folder references。

3、添加 config.xml 到工程中。

4、选择工程的Build Settings->Other Links, 设置 -Objc -all_load

5、添加 Build Phases-> Link Binary With Librarys添加 libCordova.a , MobileCoreServices , AssetsLibrary

此时编译下原有的 APP 查看有没有报错。

我们创建一个webviewViewController 继承自 CDVViewController ,
运行可能会报错,我们需要把头文件修改成 #import <Cordova/CDV.h> 即可

运行此时的APP,我们会去加载www文件夹中的 index.html 文件

如果我们需要访问外部链接,需要在我们的 viewWillAppear 中添加 请求

此时便可以访问外部链接,但是不在在内部APP访问,而是跳转到 手机的浏览器,修改我们上面导入的 config.xml 文件即可,在内部访问URL。

运行结果如下

以上是关于iOS 项目集成 Cordova的主要内容,如果未能解决你的问题,请参考以下文章

已有iOS项目集成cordova并使用wkwebview

如何将 Sencha Touch 应用程序集成到 Cordova XCode 项目中?

Cordova与现有框架的结合,Cordova插件使用教程,Cordova自定义插件,框架集成Cordova,将Cordova集成到现有框架中

您想将您的新应用程序与 cordova 集成以针对本机 ios 和 android 需要时间而没有响应

cordova与vue2集成

1行命令集成极光推送