在ionic3的时候打包上架过ios的版本,等到今天,差不多一年左右过去.做了个ionic4的app要测试打包的时候,才发现以前的东西忘的差不多了.不得不从头再来一遍,所幸的是这次看见了很多好的文章,于是把它们汇总起来,自己做一些补充,整理成章,以便下次回顾
版本目录
VMware:VMware Workstation Pro v15.0.0
Mac:Mac os10.14
NodeJs:10.15.3
Ionic: 4.12.0
Cordova:8.0.0
Xcode:10
创建Mac环境
如果已经有了mac笔记本或者黑苹果系统请跳过此步骤
参照下述方法安装MAC OS虚拟机
1下载VMware Workstation Pro v15.0.0,http://www.onlinedown.net/soft/2062.htm
2下载Mac OS10.14镜像并添加虚拟机,创建mac环境,https://www.52pojie.cn/thread-804000-1-1.html
环境配置
当设置好了Mac环境以后,就需要搭建Ionic4的运行与打包环境
按照如下顺序安装:
1 安装NodeJs,直接去官网下载安装(10.15.3)
2 安装 nrm :sudo npm install nrm -g,可以切换npm源,加快安装速度,详见:https://www.cnblogs.com/wangmeijian/p/7072053.html
3 安装ionic :npm install ionic -g
4 安装cordova:npm install cordova@8.0.0 -g
同时,在ios中测试,打包,上架都是需要依赖Xcode 的,去官网下载Xcode10,安装在应用程序里面即可
证书生成
证书生成是非常重要的一步
大致流程如下:
1在Mac环境里面,导出CSR文件,钥匙串访问->证书助理->从证书颁发机构请求证书
2在apple开发者中心里面添加Ids,注意与你项目的Id相同
3根据CSR文件,生成开发和生产证书
4添加设备
5添加描述文件
具体参见:https://www.jianshu.com/p/9c00358bcc44
生成平台项目
Warnning
在生成对应平台的数据的时候
1先检查资源文件夹resources下有没有ios平台的icon和splash,没有的话,执行ionic cordova resources(需要注册邮箱和密码) 生成对应资源,直到检查文件夹资源存在为止
2检查app文件夹的权限是不是都是属于当前账号,不能存在root级别的,详见 https://www.jianshu.com/p/f60d28adb468
上述确定无误后,执行 ionic cordova prepare ios,等待完成,在在platforms文件夹内多出ios项目结构
双击打开ios文件夹内的xcodeproj文件
Xcode启动后,操作参见 https://www.jianshu.com/p/9c00358bcc44,可能会遇到下述的问题
问题集合
1打开xcodeproj文件后,在Xcode中如果频繁出现lock和unlock的提示,或者有的文件被锁上了,就是我上面的说的权限问题,还是按照上面说的参考文章好好看看
2调试的时候出现下列错误
设置如下的选项即可
3真机调试的时候出现 App installation failed (A valid provisioning profile for this executable was not found)
解决方法,参见https://www.cnblogs.com/sunylat/p/9936145.html?tdsourcetag=s_pcqq_aiomsg
4在模拟器调试App的时候,启动后白屏,日志却没有打印东西,如下
后真机调试的时候,这里打印了日志,所以如果想要看到日志,不妨尝试一下真机调试
(还未上架,未续待完)
文档信息
- 发表作者： 半路独行
- 发表出处： 博客园
- 原文地址： https://www.cnblogs.com/banluduxing/p/10770089.html
- 版权信息：
本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。
感谢您的阅读，如果您觉得阅读本文对您有帮助，请点一下“推荐”按钮。本文欢迎各位转载，但是转载文章之后必须在文章页面中给出作者和原文连接。