Swift - 在现有的项目中添加Cordova支持1(添加Cordova核心库)

使用 Cordova 的目的是实现跨平台应用的开发,即只要写一套H5页面就可以自动构建成各个平台的应用,让开发人员不用写任何平台系统原生代码。
所以如果使用Cordova话,就先创建Cordova工程,然后编辑Cordova工程根目录下的 www 文件夹,最后生成各个平台的工程代码。这样只要编辑一套页面,能同步发布成多个平台应用。

如果非要在现有的项目中(比如一个iOS项目)使用Cordova,也是可以做到的(虽然我不建议这么做,只单独开发一个平台的版本这样引入Cordova也没什么问题,但如果同时要开发其他平台版本,或者后面要移植成其他平台的版本就会很麻烦)。具体实现方式如下。

1,给已存在的Swift项目添加Cordova为例

将设我们已经有一个 iOS 工程项目(见下图)。名字叫MySwiftProject,开发语言是 Swift。现在想在其基础上添加 Cordova。

Swift - 在现有的项目中添加Cordova支持1(添加Cordova核心库)_第1张图片
原文:Swift - 在现有的项目中添加Cordova支持1(添加Cordova核心库)

2,添加Cordova相关文件到Swift项目文件夹下

(1)首先我们在“终端”中运行如下命令建立一个Cordova项目,名字随便(这里就叫 happy 好了)。

cordova create happy

(2)进入Cordova目录,并添加iOS平台文件1

cd happy
cordova platform add ios

(3)打开 happy/platforms/ios 文件夹,将里面的 config.xml、Plugins和Resources文件夹复制粘贴到新建项目 MySwiftProject 中

注意: Resources文件夹只有安装了部分插件才存在
      可新建一个Cordova文件夹存放这三个文件
Swift - 在现有的项目中添加Cordova支持1(添加Cordova核心库)_第2张图片
Paste_Image.png

**(4)将 happy/platforms/ios文件夹,将里面的WWW和CordovaLib文件夹复制粘贴到新建项目 MySwiftProject 中 **

Swift - 在现有的项目中添加Cordova支持1(添加Cordova核心库)_第3张图片
Paste_Image.png
3,配置Swift项目相关参数,可以参考这篇文章[https://cordova.apache.org/docs/en/latest/guide/platforms/ios/webview.html]

(1)将 Cordova文件夹拖到工程中来(设置为Group)

Swift - 在现有的项目中添加Cordova支持1(添加Cordova核心库)_第4张图片
Paste_Image.png

(2)把前面拷贝过来的 www 文件夹拖到工程中来(设置为Folder Reference)
Swift - 在现有的项目中添加Cordova支持1(添加Cordova核心库)_第5张图片
原文:Swift - 在现有的项目中添加Cordova支持1(添加Cordova核心库)

** (3) 将CordovaLib文件夹下的CordovaLib.xcodeproj拖入到工程中**

Swift - 在现有的项目中添加Cordova支持1(添加Cordova核心库)_第6张图片
Paste_Image.png

** (4)在配置页的 Build Settings -> Other Linker Flags 中添加"-ObjC "**
Swift - 在现有的项目中添加Cordova支持1(添加Cordova核心库)_第7张图片
Paste_Image.png

(5)在配置页的 Build Phases 标签中添加:
Swift - 在现有的项目中添加Cordova支持1(添加Cordova核心库)_第8张图片
Paste_Image.png

(6)设置Xcode Preferences -> Locations -> Derived Data -> Advanced 为Unique

Swift - 在现有的项目中添加Cordova支持1(添加Cordova核心库)_第9张图片
Paste_Image.png

** (7)在配置页的 Build Settings ->Header Search Paths中添加如下内容**
Swift - 在现有的项目中添加Cordova支持1(添加Cordova核心库)_第10张图片
Paste_Image.png

(8)在MySwiftProject项目中添加桥接文件,如果不会添加桥接文件,可以参考我写的这篇文章
[http://www.jianshu.com/p/738695973339]

#import 

(9)最终工程目录结构如下:

Swift - 在现有的项目中添加Cordova支持1(添加Cordova核心库)_第11张图片
Paste_Image.png
4,测试运行

(1)将 ViewController.swift 修改成如下内容

Swift - 在现有的项目中添加Cordova支持1(添加Cordova核心库)_第12张图片
Paste_Image.png
注意: 一般建议在iOS项目的Main.storyboard中嵌入一个Container View,同时设置其父类为CDVViewController

(2)启动项目出现如下画面,可以看到Cordova运行成功了。
Cordova默认加载的首页是 www/index.html(这个在 config.xml 中可以修改)

Swift - 在现有的项目中添加Cordova支持1(添加Cordova核心库)_第13张图片
Paste_Image.png

注意:一旦执行cordova platform remove ios –save,所有
platforms/ios/www下的修改将消失,请注意提前同步到位于根目录的源文件夹中

原文出自:
www.hangge.com
转载请保留原文链接:
http://www.hangge.com/blog/cache/detail_1155.html

你可能感兴趣的:(Swift - 在现有的项目中添加Cordova支持1(添加Cordova核心库))