Ionic app打包ios全流程
Ionic app打包ios全流程
一.软硬件需求
- 硬件：Mac或者黑苹果（在windows上安装苹果系统）
- 软件：Xcode，Webstorm
二.配置环境
1.安装node.js
进入官网
下载安装即可，之后在终端查看是否安装成功。
2.安装ionic，cordova
1 | $ npm install -g cordova ionic |
安装结束后在终端查看版本信息以便知道是否安装成功
三．Ionic添加ios平台，编译
1.添加平台
1 | ionic platform add ios |
2.编译
1 | ionic build ios |
四.打包
1.打开文件
进入目标文件夹下platforms文件夹下，继续进入ios文件夹下，双击打开qsf.xcodeproj文件。则用xcode打开了文件。
2.下载证书
进入苹果开发者网站，输入公司官方账号，进入网站。
点击证书，进行下载。
3.添加新设备，生成证书
- 获取设备UDID
进入蒲公英官网，注册账号，实名认证。之后首页点击UDID。
iOS设备扫码，用safari打开，安装插件，输入邮箱可以获取到自己设备的UDID。
- 证书中添加设备
开发者官网，点击设备下的iphone，可以看到当前证书中的设备，点击右上角进行添加注册新设备，输入name和udid，注册完成之后就存在于当前设备列表中。
- 生成证书
打开mac自带钥匙串软件。点击钥匙串访问
在完成上述操作之后，在桌面上生成了一个文件。之后进入官网，开始生成证书，在证书页面右上角点击添加
点击最下方的continue，进入下一页面继续点击continue
进入页面之后把之前用电脑生成的文件上传
点击done完成证书的生成，首页已经生成最新的证书了，下载双击安装即可。
- 打包流程
安装证书之后进入xcode，设备中选择Generic iOS Devide
点击菜单栏中的product中的打包选项，然后等待打包
导出包
点击导出之后，选择打包测试包
点击next选择开发者账号，选择公司账号，之后按照流程点击next即可
导出到指定位置
在导出的位置会生成一个文件夹，其中带有一个ipa的安装包。
- 发布
进入蒲公英官网，点击发布
上传ipa包
点击发布应用即可。
到这，证书中已添加的设备就可以通过扫描二维码在safari中打开页面，安装app了。
PS:在蒲公英上发布应用的过程，安卓打包结束也可以直接用蒲公英进行发布。
此外需要住的一点是，在本地环境和打包发布的环境中，需要调整部分代码