CORDOVA 打包 IOS

CORDOVA 打包 IOS

• 首先准备一台mac电脑
• 防止版本过低，提前将电脑升级到最高版本（我的是mac OS Mojave）
• 安装Xcode 或 升级到最新版本（预计需要半天时间）
• 安装cordova
• html 代码放置
• 去除滚定条
• 去除白边
• 调整icon ，启动页面
• 调试打开模拟器
• 签名认证

安装Xcode 或 升级到最新版本

打开appstore

安装cordova

首先需要安装 node
tips 学习过前段的小伙伴就不用我介绍了吧，不懂的可以点击上面的node

使用node 安装cordova

 sudo node install cordova -g //安装
 cordova create myApp //创建一个app
 cordova plugin add cordova-plugin-''name" --save // name 为变量
 cordova platform add android/ios --save  //  添加Android 或 IOS平台 添加以后会在platform文件夹下
 cordova build android/ios --verbose //build  
 cordova run android
 

html 代码放置

生成之后的代码结构如图所示
在index.html 引入cordova.js 与cordova-pugins.js


每次只需要替换ios/www下的html即可

去除滚动条

{
    [super viewDidLoad];
    self.webView.scrollView.bounces = NO;
    // Do any additional setup after loading the view from its nib.
}

去除白边

if (@available(iOS 11.0, *)) {
        self.webView.scrollView.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentNever;
    }

更换icon

根据自己需要适配的机型 制作相应的icon替换即可

启动页面的更换

根据自己需要适配的机型 制作相应的图片替换即可

调试打开模拟器

• 模拟器 如图选择相应的模拟器
• 调试 点击三角图标开始将代码写入设备