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

目录
相关文章
|
4月前
|
Swift iOS开发 开发者
苹果app上架-ios上架苹果商店app store 之苹果支付In - App Purchase内购配置-优雅草卓伊凡
苹果app上架-ios上架苹果商店app store 之苹果支付In - App Purchase内购配置-优雅草卓伊凡
268 13
苹果app上架-ios上架苹果商店app store 之苹果支付In - App Purchase内购配置-优雅草卓伊凡
|
4月前
|
存储 数据安全/隐私保护 开发者
苹果app上架app store 之苹果开发者账户在mac电脑上如何使用钥匙串访问-发行-APP发布证书ios_distribution.cer-优雅草卓伊凡
苹果app上架app store 之苹果开发者账户在mac电脑上如何使用钥匙串访问-发行-APP发布证书ios_distribution.cer-优雅草卓伊凡
150 8
苹果app上架app store 之苹果开发者账户在mac电脑上如何使用钥匙串访问-发行-APP发布证书ios_distribution.cer-优雅草卓伊凡
|
6月前
|
iOS开发 开发者
uniapp开发ios打包Error code = -5000 Error message: Error: certificate file(p12) import failed!报错问题如何解决
uniapp开发ios打包Error code = -5000 Error message: Error: certificate file(p12) import failed!报错问题如何解决
362 67
uniapp开发ios打包Error code = -5000 Error message: Error: certificate file(p12) import failed!报错问题如何解决
|
6月前
|
安全 数据安全/隐私保护 Android开发
【05】2025年1月首发完整版-篇幅较长-苹果app如何上架到app store完整流程·不借助第三方上架工具的情况下无需花钱但需仔细学习-优雅草央千澈详解关于APP签名以及分发-们最关心的一篇来了-IOS上架app
【05】2025年1月首发完整版-篇幅较长-苹果app如何上架到app store完整流程·不借助第三方上架工具的情况下无需花钱但需仔细学习-优雅草央千澈详解关于APP签名以及分发-们最关心的一篇来了-IOS上架app
801 75
|
7月前
|
存储 监控 API
app开发之安卓Android+苹果ios打包所有权限对应解释列表【长期更新】-以及默认打包自动添加权限列表和简化后的基本打包权限列表以uniapp为例-优雅草央千澈
app开发之安卓Android+苹果ios打包所有权限对应解释列表【长期更新】-以及默认打包自动添加权限列表和简化后的基本打包权限列表以uniapp为例-优雅草央千澈
616 11
|
9月前
|
iOS开发 开发者 MacOS
在线创建ios打包证书无需mac
这个文件并不一定需要使用mac OS去创建,在苹果开发者中心,生成了cer格式的证书后,导出p12证书这个过程,其实也并不一定需要mac电脑来完成。
114 0
|
11月前
|
测试技术 开发工具 虚拟化
iOS自动化测试方案(一):MacOS虚拟机保姆级安装Xcode教程
这篇文章提供了一份保姆级的教程,指导如何在MacOS虚拟机上安装Xcode,包括环境准备、基础软件安装以及USB扩展插件的使用,以实现iOS自动化测试方案的第一步。
822 0
iOS自动化测试方案(一):MacOS虚拟机保姆级安装Xcode教程
|
11月前
|
图形学 数据安全/隐私保护 iOS开发
Unity与IOS⭐Xcode打包,上架TestFlight的完整教程
Unity与IOS⭐Xcode打包,上架TestFlight的完整教程
|
JavaScript 前端开发 Android开发
Ionic 开发中遇到的常见问题及解决方案
Ionic 常见问题及解决方案
8471 0
|
Web App开发 索引
Ionic 2 开发(一)_安装与目录结构
由于公司开始使用后ionic 进行前段开发,现在需要学习下ionic,虽然是后台开发,但是还是有必要了解下的 安装Node.js 官网:http://nodejs.cn/ 自行下载安装 安装Ionic npm install -g cordova npm install -g ionic 设置淘宝镜像 npm config set registry https://registry.
1135 0