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

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

2016-04-29 09:13 发布：hangge 浏览：204

使用 Cordova 的目的是实现跨平台应用的开发，即只要写一套H5页面就可以自动构建成各个平台的应用，让开发人员不用写任何平台系统原生代码。
所以如果使用Cordova话，就先创建Cordova工程，然后编辑Cordova工程根目录下的 www 文件夹，最后生成各个平台的工程代码。这样只要编辑一套页面，能同步发布成多个平台应用。
如果非要在现有的项目中（比如一个iOS项目）使用Cordova，也是可以做到的（虽然我不建议这么做，只单独开发一个平台的版本这样引入Cordova也没什么问题，但如果同时要开发其他平台版本，或者后面要移植成其他平台的版本就会很麻烦）。具体实现方式如下。

 

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

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

 

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

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

1	cordova create MyCordova

（2）进入Cordova目录，并添加iOS平台文件

1 2	cd MyCordova cordova platform add ios

（3）打开 MyCordova/platforms/ios 文件夹，将里面的 cordova、CordovaLib、platform_www、www 这四个文件夹复制粘贴到新建项目 MySwiftProject 的根路径中

（4）将 MyCordova 根目录下的 config.xml，拷贝到 MySwiftProject 的根目录。

（5）将 MyCordova/platforms/ios/HelloCordova 目录下的 config.xml，拷贝到 MySwiftProject/MySwiftProject 目录下

3，配置Swift项目相关参数
（1）右键 Add Files to ... ，将 CordovaLib.xcodeproj 添加进来

（2）同样 Add Files to ... ，将 config.xml 添加进来

（3）把前面拷贝过来的 www 文件夹拖到工程中来（注意选择不复制文件，保持目录结构）

 

（4）在配置页的 Build Settings -> Other Linker Flags 中添加"-ObjC -all_load"

 

（5）在配置页的 Build Phases 标签中添加如下两个库

Target Dependencies -> CordovaLib

Link Binary With Libraries -> libCordova.a

 

（6）点击配置页的 Build Phases 标签坐上角的加号，添加一个 Run Script

将新增的 Run Script 做如下修改：

 

名字改成：Copy www directory 

去掉 show environment variables in build log 勾选

Shell脚本的内容如下：

NODEJS_PATH=/usr/local/bin; NVM_NODE_PATH=~/.nvm/versions/node/`nvm version 2>/dev/null`/bin; N_NODE_PATH=`find /usr/local/n/versions/node/* -maxdepth 0 -type d 2>/dev/null | tail -1`/bin; XCODE_NODE_PATH=`xcode-select --print-path`/usr/share/xcs/Node/bin; PATH=$NODEJS_PATH:$NVM_NODE_PATH:$N_NODE_PATH:$XCODE_NODE_PATH:$PATH && node cordova/lib/copy-www-build-step.js

 

（7）项目中添加个桥接头文件 MySwiftProject-Bridging-Header.h，内容如下：

1 2 3 4

#import <Cordova/CDVViewController.h> #import <Cordova/CDVCommandDelegateImpl.h> #import <Cordova/CDVCommandQueue.h> #import <Cordova/CDVPlugin.h>

（8）最终工程目录结构如下：

 

4，测试运行

（1）将 ViewController.swift 修改成如下内容

1 2 3 4 5 6 7 8 9 10 11 12

import UIKit   class ViewController: CDVViewController {       override func viewDidLoad() {         super.viewDidLoad()     }       override func didReceiveMemoryWarning() {         super.didReceiveMemoryWarning()     } }

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

 

源码下载：MySwiftProject.zip

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

转载于:https://my.oschina.net/nidewole885/blog/726871