前言
打包完Android版本以后我們再來嘗試一下打包iOS版,畢竟能夠把自己的應用成功發布到App Store還是一件很有成就感的事情,而且App在iPhone上運行體驗是非一般的流程,所以我們就來看看iOS版的打包流程吧,安裝在自己的手機上試一下。
必備前提
- 一臺安裝了Xcode的Mac電腦(某些教程說黑蘋果系統也可以打包,這就屬于黑科技了,不做講解)
- (如需將App發布到App Store則必須,開發階段可略過)一個apple開發者賬號,請參考蘋果開發者賬號注冊申請流程,個人賬號和公司賬號都需要繳納99美金,折合人民幣688左右(必須用Visa或者Mastercard國際信用卡支付,自己沒有的話可以淘寶解決,萬能的淘寶呀~~)
iOS版打包步驟
1.給Ionic2項目添加iOS平臺支持
- 在項目根目錄下執行以下命令:
ionic platform add ios
2.編譯生成iOS打包所需的資源文件
ionic build ios
3.通過資源文件打開Xcode
目錄結構
Finder
如上圖在執行了第二步的命令以后會自動生成該目錄結構,然后在Finder中單擊.xcarchive結尾的文件就會自動打開Xcode
4.在Xcode中運行App
Xcode
如上圖,打開Xcode就可以直接點擊左上角的build按鈕運行App了,可以選擇在真機或各種型號的模擬器上運行。如果在真機上運行需要通過數據線將iPhone手機連接到Mac上,強烈推薦在真機上運行,因為雖然是Apple的模擬器,但還是沒有真機快呀,同時也沒有真機直觀。
5.注意要點
- 我們發現無論是release還是debug打包出的App啟動時間都很長,這是因為沒有添加“--prod”參數,添加該參數以后打包命令會對JS做最優化處理大幅度,大幅度降低APP的啟動時間。這里劃重點了,所以強烈建議正式發布的版本添加參數“--prod”,也就是說正式的打包命令是“ionic build android --release --prod”。(因為加了該參數以后打包命令執行時間會變得很長很長,所以測試的時候不加該參數就好了)
- 如果APP在手機上打開以后發現是白屏,不要著急不要害怕,教你一招解決。請在config.xml配置文件中添加下行:
<preference name="loadUrlTimeoutValue" value="60000" />
- 推薦在config.xml配置文件中添加下行(可以去掉開屏小圈):
<preference name="ShowSplashScreenSpinner" value="false"/>
- 如果覺得啟動頁面的畫面顯示的時間太長可以修改下行的時間參數(默認為3秒):
<preference name="SplashScreenDelay" value="3000"/>
最后說兩句
至此,iOS版已經成功運行,中間其實也遇到了一些錯誤,雖然我也從來沒開發過iOS客戶端程序,但是憑著多年掌握的重啟程序和Google錯誤編碼的豐富經驗還是都可以一一解決,所以遇到錯誤不要擔心,看好說明解決之即可。
關于如何將打包好的iOS版App發布到App Store又是一個復雜的過程,雖然最近蘋果已經做了諸多的流程改進,各種密鑰和證書都可以自動生成,但還是會遇到各種各樣的問題,所以后續再寫一篇文章專題講解。