使用 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文件夹存放这三个文件
**(4)将 happy/platforms/ios文件夹,将里面的WWW和CordovaLib文件夹复制粘贴到新建项目 MySwiftProject 中 **
3,配置Swift项目相关参数,可以参考这篇文章[https://cordova.apache.org/docs/en/latest/guide/platforms/ios/webview.html]
(1)将 Cordova文件夹拖到工程中来(设置为Group)
(2)把前面拷贝过来的 www 文件夹拖到工程中来(设置为Folder Reference)
** (3) 将CordovaLib文件夹下的CordovaLib.xcodeproj拖入到工程中**
** (4)在配置页的 Build Settings -> Other Linker Flags 中添加"-ObjC "**
(5)在配置页的 Build Phases 标签中添加:
(6)设置Xcode Preferences -> Locations -> Derived Data -> Advanced 为Unique
** (7)在配置页的 Build Settings ->Header Search Paths中添加如下内容**
(8)在MySwiftProject项目中添加桥接文件,如果不会添加桥接文件,可以参考我写的这篇文章
[http://www.jianshu.com/p/738695973339]
#import <Cordova/CDV.h>
(9)最终工程目录结构如下:
4,测试运行
(1)将 ViewController.swift 修改成如下内容
注意: 一般建议在iOS项目的Main.storyboard中嵌入一个Container View,同时设置其父类为CDVViewController
(2)启动项目出现如下画面,可以看到Cordova运行成功了。
Cordova默认加载的首页是 www/index.html(这个在 config.xml 中可以修改)
注意:一旦执行cordova platform remove ios –save,所有
platforms/ios/www下的修改将消失,请注意提前同步到位于根目录的源文件夹中
原文出自:
www.hangge.com
转载请保留原文链接:
http://www.hangge.com/blog/cache/detail_1155.html