天天看點

xcode實作ionicApp ios平台打包

一  ionic應用直接安裝到ios手機

1.進入到ionic工程目錄下  ionic serve啟動工程,確定代碼正确

2.添加ios平台  ionic platform add ios

3.ionic build ios   在ionic項目中生成 .xcodeproj檔案

4.啟動Xcode,需更新到最新版本8.3.2,連接配接ios手機 ps:如果不是最新版,無法安裝到ios10.3版本的手機

5.導入ionic項目

   Xcode > File > open   ionic項目檔案 > platforms > ios > xxx.xcodeproj

xcode實作ionicApp ios平台打包

6.Xcode添加apple賬戶  Xcode > preferences > accounts   點選左下角 + 号, Add Apple ID

xcode實作ionicApp ios平台打包

7.配置項目資訊

   項目target > general  singing選擇對應apple賬戶

xcode實作ionicApp ios平台打包

8.安裝證書

   Xcode > preferences > accounts   點選 Download All Profiles   

xcode實作ionicApp ios平台打包

9.切換device到自己的手機 點選運作按鈕

xcode實作ionicApp ios平台打包
xcode實作ionicApp ios平台打包

10.會出現下圖提示 說明已經成功安裝到手機,但是不被信任無法打開 iPhone > 設定 > 通用 > 裝置管理/描述檔案與裝置管理 > 開發者應用信任appid

xcode實作ionicApp ios平台打包

11.成功啟動ionic應用

二 xcode打包ionicApp成ipa檔案

1.Xcode添加apple賬戶  Xcode > preferences > accounts   點選左下角 + 号, Add Apple ID  ps:同上第6步,需要是apple開發者賬号,否則正常導出ipa檔案

2.Signing Team 切換到apple開發者賬号   由于我們勾選Automatically manage signing,會自動在開發者賬号certificate内建立一個針對于你本機的證書

xcode實作ionicApp ios平台打包

3.切換device為Generic IOS Device

xcode實作ionicApp ios平台打包

4.Xcode  Product > Archive

5.點選Export

xcode實作ionicApp ios平台打包

6.選擇第二項,點選next

xcode實作ionicApp ios平台打包

7.不用做任何修改,預設一直繼續

8.成功導出ipa檔案,安裝到手機

Ps:本方案成功有幾個前提,這邊使用的是公司開發者賬号,已存在Appid和Provisioning Profils,并且某一Provisioning Profils ID為通配符*,可比對任何Bundle Identifier,能成功安裝到手機并能運作,是因為我的手機已經存在于該開發者賬号的devices清單内

如果使用的是一個全新的開發者賬号,需要在步驟3前加上下面幾步操作:

1.通路https://developer.apple.com/ 開發者平台,登入賬号

2.點選進入證書、配置檔案子產品

xcode實作ionicApp ios平台打包

3.新增App IDs,左側Identifiers > App IDs   點選右上角+号,隻需填寫Name以及Bundle ID

4.新增devices   Devices > All  

5.新增配置  Provisioning Profiles > All  點選右上角+

xcode實作ionicApp ios平台打包

6.選擇剛新增的App ID,下一步,Select certificates勾選Select All,Select devices勾選Select All,建立一個配置名

參考資料:

ios 無證書真機調試 點選打開連結

Xcode打包ipa的基本步驟 點選打開連結