Ionic IOS APP Platform Guide

IOS APP Platform Guide

一、申請開發者賬號

1、申請個人賬號-$99

https://developer.apple.com/enroll/cn/complete/

2、申請企業賬號-$99

https://developer.apple.com/enroll/cn

1.      申請D-U-N-S 編號

https://developer.apple.com/enroll/cn/duns-lookup/#!/search

2.申請企業賬號

二、iOS開發證書申請教程(真機調試測試)

1、iOS打包證書配置最詳細的教程(新手必看)

https://blog.csdn.net/wds326598/article/details/53036112

2、Xcode打包ipa的基本步驟(有證書和無證書)

http://www.cocoachina.com/ios/20170623/19623.html

3、不用開發者賬號申請ios證書真機調試

https://segmentfault.com/a/1190000010488977

免開發賬號申請ios證書的神器就是Appuploader,是ios app測試及上架的輔助工具。--免費試用一個月

三、ionic項目ios真機部署(不需開發者賬號)

1、環境安裝

1.安裝ionic和cordova

npm install -g ionic

npm install -g cordova

 

2.創建一個新項目

ionic start app_name template_name

 

3.進入項目目錄cd app_name,添加平臺

ionic cordova platform add ios/android

ionic build ios

 

4.在真機上運行需要

npm install -g ios-deploy

 

5.在虛擬機運行時需要

npm install -g ios-sim

 

6.利用xcode在真機上部署ios項目

找到項目文件夾,platforms -> iOS -> xxx.xcodeproj 文件,雙擊打開(即在xcode中打開了這個項目)

點擊菜單欄 xcode -> preferences -> Accounts 添加Apple ID賬號

 

7.運行:將設備通過數據線連上電腦

在窗口左上角運行按鈕的右側選擇你的設備後,點擊運行,即可開始真機部署;

 

或在命令行輸入

 

ionic cordova run ios

2、基於ios系統ionic 項目開發跨域問題

https://blog.csdn.net/u012365780/article/details/80449682

(1)      問題

打開xcode 控制檯,你會發現所有請求都會出現如下錯誤信息。 

[html] view plain copy

1. {"headers":{"normalizedNames":{},"lazyUpdate":null,"headers":{}},"status":0,"statusText":"Unknown Error","url":null,"ok":false,"name":"HttpErrorResponse","message":"Http failure response for (unknown url): 0 Unknown Error","error":{"isTrusted":true}}  

 

(2)      原因

ios 的系統中存在兩個網頁瀏覽器,一個是UIWebView,一個是WKWebView,在以前ionic 構建的時候默認使用的是UIWebView,而這個網頁瀏覽器並沒有強制的實施了CORS。但是那是以前,而現在所構建的ionic的項目,都默認使用WKWebView。這個傢伙呢,強制實施了CORS

 

(3)      解決

1.默認使用UIWebView

 

1.1 方法:移除cordova-plugin-ionic-webview插件   

$ ioniccordova plugin remove cordova cordova-plugin-ionic-webview --save 

 

1.2 或者在項目中強制使用UIWebView,在config.xml中配置

<preference name="CordovaWebViewEngine"value="CDVUIWebViewEngine" /> 

如果app的體驗沒什麼要求,那完全可以這樣搞。但在現實開發中肯定是不可取的。

(4)      finder中全局搜索你的app

http://www.cocoachina.com/ios/20170623/19623.html

3、run。這個時候手機上就安裝了app。然後在finder中全局搜索你的app。注意如果你的工程名位XXX,那麼請搜索XXX.app。你會看到搜索結果。然後右鍵,“在上層文件夾中顯示”。如果有多個結果的話,記得選最近編輯的那一個。

(5)      判斷設備

ionic3 ionic.Platform.device();

https://ionicframework.com/docs/api/platform/Platform/



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章