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

  1. 云栖社区>
  2. 博客>
  3. 正文

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

tonge 2017-10-27 19:13:00 浏览911
展开阅读全文

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

网友评论

登录后评论
0/500
评论
tonge
+ 关注