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平台打包_第1张图片
6.Xcode添加apple账户  Xcode > preferences > accounts   点击左下角 + 号, Add Apple ID
xcode实现ionicApp ios平台打包_第2张图片 
7.配置项目信息
   项目target > general  singing选择对应apple账户
xcode实现ionicApp ios平台打包_第3张图片  

8.安装证书
   Xcode > preferences > accounts   点击 Download All Profiles   
xcode实现ionicApp ios平台打包_第4张图片

9.切换device到自己的手机 点击运行按钮

10.会出现下图提示 说明已经成功安装到手机,但是不被信任无法打开 iPhone > 设置 > 通用 > 设备管理/描述文件与设备管理 > 开发者应用信任appid

xcode实现ionicApp ios平台打包_第5张图片

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平台打包_第6张图片

3.切换device为Generic IOS Device


4.Xcode  Product > Archive

5.点击Export

xcode实现ionicApp ios平台打包_第7张图片

6.选择第二项,点击next

xcode实现ionicApp ios平台打包_第8张图片

7.不用做任何修改,默认一直继续
8.成功导出ipa文件,安装到手机
Ps:本方案成功有几个前提,这边使用的是公司开发者账号,已存在Appid和Provisioning Profils,并且某一Provisioning Profils ID为通配符*,可匹配任何Bundle Identifier,能成功安装到手机并能运行,是因为我的手机已经存在于该开发者账号的devices列表内


如果使用的是一个全新的开发者账号,需要在步骤3前加上下面几步操作:

1.访问https://developer.apple.com/ 开发者平台,登录账号

2.点击进入证书、配置文件模块xcode实现ionicApp ios平台打包_第9张图片

3.新增App IDs,左侧Identifiers > App IDs   点击右上角+号,只需填写Name以及Bundle ID

4.新增devices   Devices > All  

5.新增配置  Provisioning Profiles > All  点击右上角+

xcode实现ionicApp ios平台打包_第10张图片

6.选择刚新增的App ID,下一步,Select certificates勾选Select All,Select devices勾选Select All,创建一个配置名


参考资料:

ios 无证书真机调试 点击打开链接

Xcode打包ipa的基本步骤 点击打开链接


你可能感兴趣的:(xcode实现ionicApp ios平台打包)