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

2016-04-29 发布：hangge 阅读：2515

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

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

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

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

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

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

cordova create MyCordova

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

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，内容如下：

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

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

4，测试运行

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

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

2楼

2017-09-28 17:41

凡

大神？想问一下您，怎么把vuejs接进swift项目里呢？有个前端的妹纸说她们上家公司是直接把用vuejs写好的js包发给iOS开发，然后iOS开发把它集成进项目里。我不是很明白她说的这个过程。还望解惑，谢谢

站长回复：
Vue.js我没用过，不过我想这个应该是直接放到www文件夹下就可以了。
1楼

2017-05-04 10:58

yq

您好，我遇到了个问题，我在项目中添加个桥接头文件 MySwiftProject-Bridging-Header.h，内容如下：
#import <Cordova/CDVViewController.h>
#import <Cordova/CDVCommandDelegateImpl.h>
#import <Cordova/CDVCommandQueue.h>
#import <Cordova/CDVPlugin.h>
这样在手机或模拟器运行都是可以的，但是打包不行，说找不到这些cordova文件，您知道怎么回事吗，还请速回！

站长回复：
还没遇到过你说的这个问题，我也不知道是什么情况了。