基于React Native的app如何在App Store上架?

流程和普通app上架过程差不多,详细图解如下

基于React Native的app如何在App Store上架?-图片-1  

如果你是新手,将在这里清晰发布到App Store整个上架流程,还有相应的流程解决方案。
基于React Native的app如何在App Store上架?-图片-2
如果你上架过iOS APP,这里会了解到有更快捷的上架过程。
基于React Native的app如何在App Store上架?-图片-3
上架iOS最基本需要一个付费的开发者账号,还没有的话申请一个或者借用。
基于React Native的app如何在App Store上架?-图片-4
如果只是安装到自己测试,现在有个新技术用普通的苹果id就能申请ios证书进行真机调试了。
基于React Native的app如何在App Store上架?-图片-5
免开发者账号申请ios证书真机调试介绍
基于React Native的app如何在App Store上架?-图片-6

ios上架通常也还需要一台Mac电脑,不过这里介绍到不用Mac在Windows系统中直接发布iOS APP到App Store。

基于React Native的app如何在App Store上架?-图片-7
如果没有Mac,也无所谓。
基于React Native的app如何在App Store上架?-图片-8
申请开发者账号介绍
基于React Native的app如何在App Store上架?-图片-9
iOS APP上架需要创建一个APP ID、申请iOS发布证书、再用iOS证书打包IPA,然后在上传IPA到App Store
基于React Native的app如何在App Store上架?-图片-10

上架过程分七个步骤,按步骤一步步来,清晰了步骤就跟简单了,欢迎交流!

基于React Native的app如何在App Store上架?-图片-11

1、创建APP身份证(App IDs)

2、申请发布证书

3、申请发布描述文件

4、使用iOS证书编译打包IPA

5、在iTunes Connect创建App

6、Windows下上传IPA到App Store

7、上传好IPA回到iTunes Connect填写APP信息并提交审核

基于React Native的app如何在App Store上架?-图片-12

一、创建唯一标示符App IDs
基于React Native的app如何在App Store上架?-图片-13

APP IDs在后面创建发布文件,创建APP时都要用到。

首先打开开发者中心https://developer.apple.com/cn/,进入证书页面。

基于React Native的app如何在App Store上架?-图片-14
1.1点击证书、ID及配件文件,进入设置。
基于React Native的app如何在App Store上架?-图片-15
基于React Native的app如何在App Store上架?-图片-16

1.2选择App IDs –>点击+创建一个新的App ID
基于React Native的app如何在App Store上架?-图片-17

其中有两项需要你自己填:

第一项Name,用来描述你的App ID,这个随便填,没有什么限制,最好是项目名称,这样方便自己辨识(不允许中文)

第二项Bundle ID (App ID Suffix),这是你App ID的后缀,需要仔细填写。用来标示我们的 app,使它有一个固定的身份,和你的程序直接相关。填写  Explicit App ID 的格式为:com.company.appName,一定照着格式写,写个方便记的,后面很多地方要用到。

第三项App Services,默认会选择2项,不能修改,其它根据自己需要的服务选择上,然后点击Continue确认,下一步。

基于React Native的app如何在App Store上架?-图片-18 基于React Native的app如何在App Store上架?-图片-19
基于React Native的app如何在App Store上架?-图片-20
检查下没有错的话直接点击Register后点击Done完成App ID的创建。
基于React Native的app如何在App Store上架?-图片-21
基于React Native的app如何在App Store上架?-图片-22

二、申请发布证书
基于React Native的app如何在App Store上架?-图片-23
iOS证书申请要用到一个工具Appuploader,在win系统中辅助快速申请iOS证书,和后面上传IPA到App Store都要用到。
基于React Native的app如何在App Store上架?-图片-24
先安装好   Appuploader安装教程
基于React Native的app如何在App Store上架?-图片-25
2.1打开程序,输入苹果开发者中心账号,登录。
基于React Native的app如何在App Store上架?-图片-26
基于React Native的app如何在App Store上架?-图片-27
基于React Native的app如何在App Store上架?-图片-28
2.2选择Certification
基于React Native的app如何在App Store上架?-图片-29
基于React Native的app如何在App Store上架?-图片-30
基于React Native的app如何在App Store上架?-图片-31
2.3点击+ADD,这里有开发证书等等创建选项,这里选第三项发布证书。
基于React Native的app如何在App Store上架?-图片-32
基于React Native的app如何在App Store上架?-图片-33
基于React Native的app如何在App Store上架?-图片-34
2.4输入,证书名称(随意) 邮箱(任何邮箱都行) 密码(后面打包编译时用到)然后点击ok
基于React Native的app如何在App Store上架?-图片-35
基于React Native的app如何在App Store上架?-图片-36
基于React Native的app如何在App Store上架?-图片-37
2.5此时生成了好了一个发布证书,点击p12 File,下载证书文件,保存到电脑。
基于React Native的app如何在App Store上架?-图片-38
基于React Native的app如何在App Store上架?-图片-39

这样发布证书就创建好了。
基于React Native的app如何在App Store上架?-图片-40

三、申请发布描述文件
基于React Native的app如何在App Store上架?-图片-41

3.1回到软件点击Profiles
基于React Native的app如何在App Store上架?-图片-42
基于React Native的app如何在App Store上架?-图片-43
基于React Native的app如何在App Store上架?-图片-44
3.2点击+ADD,这里有开发描述文件等等选项,这里选发布描述文件。
基于React Native的app如何在App Store上架?-图片-45
基于React Native的app如何在App Store上架?-图片-46
基于React Native的app如何在App Store上架?-图片-47
3.3选择APP IDs,之前在开发者中心创建的,这里会自动出现。
基于React Native的app如何在App Store上架?-图片-48
基于React Native的app如何在App Store上架?-图片-49
基于React Native的app如何在App Store上架?-图片-50

3.4勾选刚创建的发布证书关联好,输入name,点击ok
基于React Native的app如何在App Store上架?-图片-51

基于React Native的app如何在App Store上架?-图片-52
基于React Native的app如何在App Store上架?-图片-53

3.5此时生成了发布描述文件,点击 Download下载到电脑保存

基于React Native的app如何在App Store上架?-图片-54
基于React Native的app如何在App Store上架?-图片-55

四、上传证书编译打包iOS

基于React Native的app如何在App Store上架?-图片-56

楼主做了几个开发工具的打包教程、可以参考下

xcode打包教程

HBuilder打包教程

APICloud打包教程

phonegap打包教程

基于React Native的app如何在App Store上架?-图片-57
这里以APPcan平台为例

基于React Native的app如何在App Store上架?-图片-58
4.1、选择完工的APP,点击应用打包,选择证书管理,iOS发布证书,上传之前申请的发布证书和申请时设置的密码及发布描述文件

点击检验,APP ids将自动出现,然后保存。

基于React Native的app如何在App Store上架?-图片-59
基于React Native的app如何在App Store上架?-图片-60
基于React Native的app如何在App Store上架?-图片-61
4.2选择云端打包,iOS打包,没有推送证书就不勾选支持推送,选择发布版证书,禁用http请求容易审核通过。
基于React Native的app如何在App Store上架?-图片-62
设置好版本号,选择appcan服务器,点击生成安装包。
基于React Native的app如何在App Store上架?-图片-63
基于React Native的app如何在App Store上架?-图片-64 基于React Native的app如何在App Store上架?-图片-65
基于React Native的app如何在App Store上架?-图片-66
4.3安装包生成成功后,下载保存到电脑,这个ipa包就可以上传到App Store了
基于React Native的app如何在App Store上架?-图片-67
基于React Native的app如何在App Store上架?-图片-68
基于React Native的app如何在App Store上架?-图片-69
五、在iTunes Connect创建App
基于React Native的app如何在App Store上架?-图片-70

5.1回到软件,点击ItunerConnect,进入iTunes Connect进入创建APP。
基于React Native的app如何在App Store上架?-图片-71

基于React Native的app如何在App Store上架?-图片-72
基于React Native的app如何在App Store上架?-图片-73

5.2选择我的APP点击左上角+号选择新建APP,输入你的应用名称,语言,套装ID,之前在开发者中心创建的对应APP IDs

(与创建iOS证书所选的appid要一致,这样用iOS证书打包的IPA,上传就能关联到了)

sku不能写中文,点击创建。
基于React Native的app如何在App Store上架?-图片-74
基于React Native的app如何在App Store上架?-图片-75

基于React Native的app如何在App Store上架?-图片-76
5.3这里提示要用到Xcode或者Application loader提交IPA,等下用Appuploader直接在Windows环境下上传ipa,不用Mac了。

现在APP各项信息都没填写,等下把IPA上传成功了再填写。

这里构建版本旁边还没有出现+号,后面上传了IPA就会出现,等下会用到。
基于React Native的app如何在App Store上架?-图片-77

基于React Native的app如何在App Store上架?-图片-78
基于React Native的app如何在App Store上架?-图片-79

六、Windows环境下上传IPA到App Store

基于React Native的app如何在App Store上架?-图片-80
6.1打开Appuploader程序,点击Upload.

基于React Native的app如何在App Store上架?-图片-81
基于React Native的app如何在App Store上架?-图片-82
6.2选择刚生成的iap包
基于React Native的app如何在App Store上架?-图片-83
基于React Native的app如何在App Store上架?-图片-84
基于React Native的app如何在App Store上架?-图片-85
6.3Appuploader将自动上传你的IPA,当出现以下提示时,说明上传成功,点击deail可以查看APP信息。
基于React Native的app如何在App Store上架?-图片-86
基于React Native的app如何在App Store上架?-图片-87
基于React Native的app如何在App Store上架?-图片-88
七、回到iTunes Connect提交审核

基于React Native的app如何在App Store上架?-图片-89
7.1上传好了IPA,然后回到iTunes Connect,进入填写信息的页面,下边有一个构建版本的选项,之前这旁边没有+号的,如果上传成功了,过几分钟旁边会出现一个加号按钮,点击一下+然后会出现你刚上传的APP,点击完成即可。
基于React Native的app如何在App Store上架?-图片-90
注意:如果一段时间后没有出现+号,可能ipa不符合要求,会有个反馈邮件过来,根据反馈的问题修改后重新上传。
基于React Native的app如何在App Store上架?-图片-91
基于React Native的app如何在App Store上架?-图片-92
基于React Native的app如何在App Store上架?-图片-93
7.2然后设置好APP相关的信息,截图、类别,价格、销售服务等。
基于React Native的app如何在App Store上架?-图片-94
基于React Native的app如何在App Store上架?-图片-95
基于React Native的app如何在App Store上架?-图片-96
7.2设置好相应的APP信息后,点击提交以供审核。
基于React Native的app如何在App Store上架?-图片-97
基于React Native的app如何在App Store上架?-图片-98
基于React Native的app如何在App Store上架?-图片-99
7.3提交审核回到我的APP查看会提示正在等待审核,审核要几天时间,常登陆看看审核情况

如果变成可供销售,恭喜你~上架成功了,如果显示被拒绝,点击查看问题,根据反馈修改再重新上传。
基于React Native的app如何在App Store上架?-图片-100
基于React Native的app如何在App Store上架?-图片-101

http://reactnative.cn/post/3600

评论

*
*