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

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

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

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

将设我们已经有一个 iOS 工程项目(见下图)。名字叫MySwiftProject,开发语言是 Swift。现在想在其基础上添加 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文件夹存放这三个文件
Paste_Image.png

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

Paste_Image.png
3,配置Swift项目相关参数,可以参考这篇文章[https://cordova.apache.org/docs/en/latest/guide/platforms/ios/webview.html]

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

Paste_Image.png

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

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

Paste_Image.png

** (4)在配置页的 Build Settings -> Other Linker Flags 中添加"-ObjC "**
Paste_Image.png

(5)在配置页的 Build Phases 标签中添加:
Paste_Image.png

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

Paste_Image.png

** (7)在配置页的 Build Settings ->Header Search Paths中添加如下内容**
Paste_Image.png

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

#import <Cordova/CDV.h>

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

Paste_Image.png
4,测试运行

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

Paste_Image.png
注意: 一般建议在iOS项目的Main.storyboard中嵌入一个Container View,同时设置其父类为CDVViewController

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

Paste_Image.png

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,491评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,856评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,745评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,196评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,073评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,112评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,531评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,215评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,485评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,578评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,356评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,215评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,583评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,898评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,174评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,497评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,697评论 2 335

推荐阅读更多精彩内容

  • 唐家两姐妹被这一声大吼搞地不知所措,宁昊嘿嘿笑了笑道, “狂风哥,不关她们的事,是我自己脱给她们看的。” 狂风皱眉...
    可可豆子阅读 188评论 0 5
  • # 奇谈杂阅#《论语》关于正直,孔子有这么一句话:父为子隐,子为父隐。――直在其中矣。 意思就是儿子犯了法,父亲要...
    奇妙的奇阅读 143评论 0 0
  • 文/初赐 1 闺蜜说她同事JOJO的男朋友在大悦城花大笔钱,租下来三楼的大屏幕当众求婚,永远爱你,一心一意的誓言不...
    初赐阅读 838评论 4 7
  • 好种子:1:分享旅行中的感受给朋友,尽量给朋友带去快乐。2:和明珠聊天,教她种子法则和宇宙定单的事,帮助她推保险,...
    陈红Apple阅读 232评论 0 0
  • - 使用geoWithin查询 ``` > db.location.find() { "_id" : Object...
    威研威语阅读 3,006评论 0 0