当前位置: > > > Swift - 在现有的项目中添加Cordova支持1(添加Cordova核心库)

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项目,名字随便(这里就叫 MyCordova 好了)。
cordova create MyCordova

(2)进入Cordova目录,并添加iOS平台文件
cd MyCordova
cordova platform add ios

(3)打开 MyCordova/platforms/ios 文件夹,将里面的 cordovaCordovaLibplatform_wwwwww 这四个文件夹复制粘贴到新建项目 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
  • 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文件,您知道怎么回事吗,还请速回!

    站长回复

    还没遇到过你说的这个问题,我也不知道是什么情况了。