ionic app 发布到 appstore

写在前面

一个app的开发常常需要几个月的周期,在这期间踩过的坑着实不少。尤其是像发布app到appstore这样繁杂的过程,更需要记录下以免忘记。为了保证过程不会遗漏,本文确实有点冗长,到但大致分为以下几步。

0、ionic 中的准备工作

1、申请开发者账号

2、为开发电脑生成钥匙串,加入到iOS Certificates

3、生成app相关信息,app ids

4、生成发布签名

5、在iTunes connect创建应用空间

6、在xcode中配置项目,并上传

0、ionic中的准备工作

ionic app 发布到 appstore_第1张图片
在项目工程里面的config.xml中需要修改些内容
ionic app 发布到 appstore_第2张图片
需要与xcode中 Bundle Identifier相同

1、申请苹果开发者账号

使用Apple ID 创建开发者账户请 参照大牛的文章

https://www.jianshu.com/p/1734ff6c1369

️使用公司或组织账户,请将自己的账户改成Admins

️必须使用agent账号

ionic app 发布到 appstore_第3张图片
选择people
ionic app 发布到 appstore_第4张图片
将开发者账号添加到Admins

2、为开发电脑生成钥匙串,加入到iOS Certificates


ionic app 发布到 appstore_第5张图片
使用mac自带的钥匙串工具生成一个钥匙
ionic app 发布到 appstore_第6张图片
ionic app 发布到 appstore_第7张图片
ionic app 发布到 appstore_第8张图片
将该文件保存到硬盘
ionic app 发布到 appstore_第9张图片
申请证书将开发电脑,加入到iOS Certificates

先将电脑加入 development certificates (如果之前已经使用该appleid登录电脑进行开发,可省略,但development certificate 中必须要有该appleid)

添加development certificates

ionic app 发布到 appstore_第10张图片
ionic app 发布到 appstore_第11张图片
ionic app 发布到 appstore_第12张图片
ionic app 发布到 appstore_第13张图片
ionic app 发布到 appstore_第14张图片
ionic app 发布到 appstore_第15张图片
选择download,将文件下载到电脑,双击打开将证书加入到系统里
ionic app 发布到 appstore_第16张图片

添加production iOS certificates

️production certificates只能由agent账号添加


ionic app 发布到 appstore_第17张图片
后面的步骤跟development 添加操作相同

3、生成app相关信息,app ids


ionic app 发布到 appstore_第18张图片
ionic app 发布到 appstore_第19张图片
ionic app 发布到 appstore_第20张图片
ionic app 发布到 appstore_第21张图片
ionic app 发布到 appstore_第22张图片
确认信息,然后注册

4、生成发布签名


ionic app 发布到 appstore_第23张图片
ionic app 发布到 appstore_第24张图片
ionic app 发布到 appstore_第25张图片
ionic app 发布到 appstore_第26张图片
选择对应的 certificates, 如果没有对应选项,请参照本文档上面步骤进行添加
ionic app 发布到 appstore_第27张图片
ionic app 发布到 appstore_第28张图片

5、在iTunes connect创建应用空间

️此步骤只能以agent账户才能进行


ionic app 发布到 appstore_第29张图片
ionic app 发布到 appstore_第30张图片
ionic app 发布到 appstore_第31张图片
ionic app 发布到 appstore_第32张图片
ionic app 发布到 appstore_第33张图片
填写app信息
ionic app 发布到 appstore_第34张图片
填写价格与销售范围
ionic app 发布到 appstore_第35张图片
填写app详细信息
ionic app 发布到 appstore_第36张图片
️构建版本需要xcode上传app后才可用,而且有延时,需要耐心等待
ionic app 发布到 appstore_第37张图片
️icon 不能有透明度,建议使用不带圆角的方形图,apple会自动添加圆角

6、在xcode中配置项目,并上传

ionic app 发布到 appstore_第38张图片

这里也可以使用自动 signing

ionic app 发布到 appstore_第39张图片
选择对应的account,如果没有请选择 add an Account…
ionic app 发布到 appstore_第40张图片
ionic app 发布到 appstore_第41张图片
ionic app 发布到 appstore_第42张图片
输入appleID 和密码即可

6、在xcode中配置项目,并上传


ionic app 发布到 appstore_第43张图片
选择运行设备
ionic app 发布到 appstore_第44张图片
选择 Archive,构建版本
ionic app 发布到 appstore_第45张图片
选择对应的构建版本,先进行验证
ionic app 发布到 appstore_第46张图片
ionic app 发布到 appstore_第47张图片
点验证
ionic app 发布到 appstore_第48张图片
验证成功
ionic app 发布到 appstore_第49张图片
开始上传App Store
ionic app 发布到 appstore_第50张图片
ionic app 发布到 appstore_第51张图片

开始上传,上传结束后。等待几分钟就可以在ituns中查看到当前构建版本。

按照上文ituns 步骤填写相应信息,提交审核。

等待审核通过,收工!

你可能感兴趣的:(ionic app 发布到 appstore)