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;
}