ionic4 ios調試打包


在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的時候,啟動后白屏,日志卻沒有打印東西,如下

后真機調試的時候,這里打印了日志,所以如果想要看到日志,不妨嘗試一下真機調試

(還未上架,未續待完)

 

文檔信息

 


感謝您的閱讀,如果您覺得閱讀本文對您有幫助,請點一下“推薦”按鈕。本文歡迎各位轉載,但是轉載文章之后必須在文章頁面中給出作者和原文連接


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM