在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 國際許可協議進行許可。
感謝您的閱讀,如果您覺得閱讀本文對您有幫助,請點一下“推薦”按鈕。本文歡迎各位轉載,但是轉載文章之后必須在文章頁面中給出作者和原文連接。