ionic3项目实战教程 - iOS打包上架到应用市场

简介: 2017年10月-iOS打包上架最新图文教程,手把手教你发布iOS应用到市场。准备工作1.准备好icon.psd和splash.psd后,请按照上一讲生成图标资源;2.苹果开发者账号:https://developer.apple.com/account/;后面有彩蛋1.新建APP IDimage.png填写好应用描述和应用ID后,点击页面最下方Continue按钮即可。

2017年10月-iOS打包上架最新图文教程,手把手教你发布iOS应用到市场。

准备工作

1.准备好icon.psd和splash.psd后,请按照上一讲生成图标资源;
2.苹果开发者账号:https://developer.apple.com/account/

后面有彩蛋

1.新建APP ID

img_38459fdd2c5fa0a28658c0ae81e395bf.png
image.png

填写好应用描述和应用ID后,点击页面最下方Continue按钮即可。

2.请求开发者证书

找到mac电脑到钥匙串,按照以下步骤请求证书,记得存储到磁盘。
注意:取个名字放到桌面,等会要传到苹果开发者中心的。

img_658b8c65636e207b837a2d832b54c434.png
image.png
img_27cef6c9e886babd6971a3bf178eddd7.png
image.png

3.创建生产环境证书

找到左侧到Certificates > Production > > 按照以下标注顺序操作即可。

img_85f52af9a99b287e4e1f2ebc6ddf4be8.png
image.png
img_b2525ce40838b906126c8fd7931ebfaf.png
image.png
img_afbde428190a837126674619e16af69b.png
image.png
img_9691a44b63699126f2583f828bb7d4f1.png
image.png
img_742d994281d8fc10c3358e905d86ae80.png
image.png
img_fa3c923b0bac1467b71154eec0516eb1.png
image.png
img_d3616021b6b8003c8646d56d4f5d6ccc.png
image.png

Download后,直接打开,会自动加入电脑到证书列表中。

4.配置描述文件

img_f6ecb4dc1ec73a005088f3339d69cde2.png
image.png
img_c7c8d5f68e038710b507c4b4f4e5654f.png
image.png
img_4b86758b2d12cf635bd5d2ae3cbda33e.png
image.png
img_8f8700f4ff082aafe7760c14c2fcb2b6.png
image.png

Continue之后直接Download,然后导入到Xcode工程中,就可以使用了。

img_46d4d762733bb9e7c22c477e450e795c.png
image.png

5.打包发布。

将设备改为Generic iOS Device,选择Product > Archive ;

img_31891e10e88e2a1c9386d3358178b79a.png
image.png
img_caf2f4cec20cfdd69919b3f5ef175d38.png
image.png
img_394e9fec3a30f2cafa5a246b26be89c7.png
image.png
img_0c9da8cbc4940acb64198b8fc70950e1.png
image.png

终于看到Uploading to App Store了,怎摸样,有木有很激动???!!!

img_33a45fac4348acfd7ede9f1bbdf144a2.png
image.png
img_106867521e5fc82040caddd75d66d773.png
image.png

。。。

不要慌,到这里就离成功不远了,登陆到iTunes Connect新建一个APP。

img_54868fea49744496198ceec5127a1dc1.png
image.png

然后按照刚才到步骤再试试,接下来可能还会出现另一个警告。

img_8a3faf5a1a25131a6b121392a0f337a2.png
image.png

嗯,不要慌不要慌,按照提示,提供一个1024x1024px的Icon即可。
回到Xcode项目中点开Resources/Images.xcassets,打开AppIcon,将滚动条拖到最后,找到1024*1024到Icon。

img_425e716475ba4b983c70aaf4d5c94d29.png
image.png

最后再次按照以上步骤,重新Archive > Upload,怎么样,是不是烦了?不管你有没有烦,反正我是烦了!

img_e6dd9d796228958cba7734e1ba89ba86.png
image.png

总结:遇到问题莫要慌,不要急躁,不要去百度,先看错误提示,按照提示一般能解决。

有任何问题欢迎在下方留言讨论!

好了,完!

彩蛋:最新的ionic环境(3)和最新的xcode环境(9)打包iOS时build时会报一个错误,博主找了很多资料,最终在一个国外网站找到解决方案,在add ios时加上@4.4.0即可,这是个大坑,很多朋友都跳进去了

img_d890c67c1cb5cf5b00792db2e82fa522.png
image.png

目录
相关文章
|
2月前
|
iOS开发 开发者 MacOS
在线创建ios打包证书无需mac
这个文件并不一定需要使用mac OS去创建,在苹果开发者中心,生成了cer格式的证书后,导出p12证书这个过程,其实也并不一定需要mac电脑来完成。
34 0
|
4月前
|
测试技术 开发工具 虚拟化
iOS自动化测试方案(一):MacOS虚拟机保姆级安装Xcode教程
这篇文章提供了一份保姆级的教程,指导如何在MacOS虚拟机上安装Xcode,包括环境准备、基础软件安装以及USB扩展插件的使用,以实现iOS自动化测试方案的第一步。
233 0
iOS自动化测试方案(一):MacOS虚拟机保姆级安装Xcode教程
|
4月前
|
编解码 iOS开发
IOS上架APP Store时预览图尺寸
IOS上架APP Store时预览图尺寸
769 3
|
4月前
|
图形学 数据安全/隐私保护 iOS开发
Unity与IOS⭐Xcode打包,上架TestFlight的完整教程
Unity与IOS⭐Xcode打包,上架TestFlight的完整教程
|
4月前
|
iOS开发
解决IOS上架App Store后显示语言为英文的问题
解决IOS上架App Store后显示语言为英文的问题
104 0
|
4月前
|
开发框架 监控 iOS开发
Flutter IOS 打包上架踩坑
Flutter IOS 打包上架踩坑
128 0
|
Android开发
ionic3项目实战教程 - 第13讲 ionic3社交分享(QQ分享和微信分享)
ionic3项目实战教程 - 第13讲 ionic3社交分享(QQ分享和微信分享) 图片发自简书App 这一讲主要包含以下几个部分: 1.在微信开放平台创建应用获得wechatappid; 2.
1448 0
|
Android开发 iOS开发
ionic3项目实战教程 - 第12讲 ionic3制作icon和splash
这一讲主要包含以下几个部分: 1.设计icon; 2.设计splash; 3.生成各个平台各个尺寸的icon和splash; 1.设计icon 来,打开你的PS,新建-文件,像素为1024*1024,背景透明,确定; .
1207 0
|
Web App开发
ionic3项目实战教程 - 第11讲 ionic3个人中心界面设计
ionic3项目实战教程 - 第11讲 ionic3个人中心界面设计 这一讲主要包含一下几个部分: 1.个人中心ts具体代码展示; 2.个人中心html具体代码展示; 3.
1406 0
ionic3项目实战教程 - 第10讲 ionic3分类菜单设计(类似外卖)
注意,干货来了,相比前面几讲这一讲就要难以消化多了,请做好心理准备。 因为在这之前,经常看到有群友在求这种分类菜单的组建,今天我就为大家再造一个轮子 [微笑脸]。
1120 0