混合开发-Cordova

1. Cordova安装

安装Cordova需要先安装Node、npm环境，可以查看本机是否安装。

node -v

npm -v

然后安装cordova

sudo npm install -g cordova

查看cordova版本

cordova -v

添加cordova插件

cordova plugin add cordova-hot-code-push-plugin【热更新插件】

2. 创建Cordova工程

用命令行创建工程，切换到项目目录下

cordova create <工程文件夹名称> <标识符包名> <项目名称>

可以在目录中看到

image.png

1⃣️ config.xml放的是工程的配置文件移植项目需要用到；
2⃣️ www文件里面放的资源文件，就是需要生成平台的原始文件，有html，js，css等；
3⃣️ platform就是生成的对应平台的文件。
添加平台

cordova platform add ios

platform目录下iOS平台下www就是生成的此平台下的静态文件

image.png

3.使用

3.1工程配置要在项目中使用需要先配置项目的包。在需要用的工程里面添加Cordova，这里可以用podfile包管理文件，也可以手动添加Cordova包放到项目里
用WKWebView需要用到cordova-plugin-wkwebview-engine。

target 'Vue'do
    platform :ios,'9.0'
    pod 'Cordova'
    pod 'cordova-plugin-wkwebview-engine'
end

3.2 把上面生成的config.xml，和iOS下面的www文件添加到工程中。

image.png

3.3 创建
.h

@interface ViewController : CDVViewController
@end

.m

- (instancetype)init {
    self = [super init];
    if (self) {
        self.wwwFolderName = @"www";
        self.startPage = @"index.html";
    }
    return self;
}