返回 导航

Cordova

hangge.com

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

作者：hangge | 2016-04-29 09:13
使用 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）

回到顶部