uni-app苹果云打包上线全过程(含账号申请与上传App Store)

1,017 阅读5分钟

一、前言

Tips:值得注意的是,这里打包前提是你已有一个可运行的uni-app项目,已经配置好了  manifest.json里有关IOS APP的配置,并且已经注册好了DCloud的开发者中心账号,创建了一个应用。这里是注册地址:dev.dcloud.net.cn

二、开发打包前的准备

需要准备Apple开发者账号、Mac设备、Transporter

1. 账号申请流程

IOS开发是有开发门槛的,也就是需要我们开通一个Apple开发者账号,并付费订阅;关于如何申请Apple开发者账号,可以看这篇文章,这里就不再赘述。

2. 申请发布证书Certificate、AppID、Profiles等文件

证书类型使用场景
开发(Development)证书和描述文件用于开发测试,在HBuilderX中打包后可在真机环境通过Safari下载调试
发布(Distribution)证书和描述文件用于提交AppStore。在HBuilderX中提交云打包后通过Transporter上传到AppStore审核发布

i. Certificate

首先需要在MAC上的“钥匙串访问”,本地生成证书请求 (.certSigningRequest) 文件,Command+空格,搜索。

左上角菜单栏,钥匙串访问>证书助理>从证书颁发机构请求证书

填写邮箱,名字,选择存储到磁盘,保存到本地即可,这个.crs文件可以用来申请Development和Distribution的证书(值得注意的是Development Certificates用来开发测试,Distribution Certificates用来上App store)

Certificates申请步骤:进入Apple开发者官网,点击菜单第一行,点击加号添加

image.png

选择IOS App Development类型,如果想要上App store 需要选择IOS  Distribution 类型

image.png

点击上传上一步本地生成的crs文件

image.png

生成成功,点击下载到本地

image.png

双击保存到本地的 ios_development.cer 文件,会自动打开 “钥匙串访问” 工具说明导入证书成功,可以在证书列表中看到刚刚导入的证书,接下来需要导出 .p12 证书文件,选中导入的证书,右键选择 “导出...”

image.png

保存到本地,设置密码即可

至此,我们已经完成了开发证书的制作(得到了 xxx.p12 证书文件)

image.png

ii. App ID

点击菜单第二行后添加,后续步骤如下图:

A) => image.png B) => image.png C) => 选左边 App 类型 image.png D) => 这里的Bundle ID其实跟Android包名一样,按下图例子格式来命名就行 image.png

Tips:因为只要App ID的capability功能有改动的话,每次都要再更新一下profiles文件,所以建议在第一次就把功能选完。例如勾选下图这个功能,配置通用链接Universal Link,可以用于第三方登录、分享及支付等。

E) => 创建成功~ image.png

iii.Profiles

Tips:值得注意的是,开发描述文件必须绑定调试设备,只有授权的设备才可以直接安装 App,所以在申请开发描述文件之前,得先添加调试的设备,如iPhone 或iPad。但这里只是针对开发的Profiles,发布的Profiles并不需要绑定设备,之后用得多的也是开发的Profiles,所以这里只是较为详细的说一下所有过程。

1) 添加调试设备(可选)

点击菜单第三栏,进行注册

image.png => 输入你的设备名称和UDID,点击继续(UDID可通过手机Safari浏览器打开此网址查询)

image.png

=> 最后点击注册即可

image.png

2) 接下来进行描述文件的申请

=> 选择菜单第四栏,点击加号添加

image.png => 选择IOS App Development

image.png => 选择刚刚生成的AppID

image.png => 选择证书,这里建议全选

image.png

=> 选择设备,这里也建议全选

image.png

=> 点击下载即可

image.png

至此,我们就得到了开发版证书(certificates)及描述文件(profiles)

vi.申请发布版证书及描述文件(Distribution)

流程跟申请开发版大致一致,只是功能选项有所不同,下面是具体步骤。

A) => Certificates image.png => image.png => image.png => image.png => 下载文件后双击进入钥匙串访问,导出.p12文件 image.png

B) => Profiles

image.png => image.png => image.png => image.png => image.png => 点击下载即可 image.png

最后我们就得到了发布版的证书及描述文件,再加上开发版,如图,

3. 在APP Store管理页面创建APP(以供后续App本地上传)

可以直接进入App Store Connect管理页面,或者进入开发者页面,点击入口进入,如下图,

image.png => 点击“我的App” image.png => 点击“添加App” image.png => 然后填写相关信息,然后创建。

注意:第一次创建App时会叫填写公司名称,并且之后不能修改,请谨慎填写,SKU不会使用到,建议填写:App英文名称+年份。

三、云打包及上传到App Store Connect

本地云打包

i. 在HBuilder里点击发行->原生App-云打包,填写相关信息打包即可

证书和描述文件可以选择开发版,也可以选择发布版,Bundle ID就是申请APPID填写的。

ii. 云打包成功后,在控制台点击链接到浏览器下载安装包到本地并上传

Tips:这个链接也可以直接下载,但需要绑定设备!而且一共只有五次下载机会,所以也不建议使用这个链接下载测试。

然后再打开Transporter,上传安装包到App Store Connect,直接拖进去点击交付就行;但注意,上传的App证书和描述文件选择Distribution版。上传成功后如下图,

image.png

四、发布至App Store和TestFlight

1. 上传TestFlight(公开链接邀请测试,当然也可以内部邀请测试)

i. 创建测试群组

image.png

ii. 点击添加构建版App,选中要构建的App,按要求填写信息,一直下一步,最后点击提交审核即可,一般一天就会收到回应。

image.png

2. 上传App Store

进入到App信息补充页面,红框里是上架App store需要填写的信息,按要求填写即可。具体填写要求可参照官网要求

Tips: 要把准备的公司隐私协议网址和官网填上去,再做一些预览图,写好描述和宣传文版本。最后提交审核即可,当然可会因为App规范问题被退回,但只要照着修改建议更改,问题就不大!

image.png

最后,祝你审核成功~