美文网首页Ionic3项目实战教程iOS技术资料iOS开发进阶
ionic3项目实战教程 - iOS打包上架到应用市场

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

作者: IonicBlog | 来源:发表于2017-10-27 19:13 被阅读3822次

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

    准备工作

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

    后面有彩蛋

    1.新建APP ID

    image.png

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

    2.请求开发者证书

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

    image.png image.png

    3.创建生产环境证书

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

    image.png image.png image.png image.png image.png image.png image.png

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

    4.配置描述文件

    image.png image.png image.png image.png

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

    image.png

    5.打包发布。

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

    image.png image.png image.png image.png

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

    image.png image.png

    。。。

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

    image.png

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

    image.png

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

    image.png

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

    image.png

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

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

    好了,完!

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

    image.png

    相关文章

      网友评论

      • bbfdfc17b1be:文章最后的交流群在那啊,老大,没找到
      • sherry1984:您好 对web开发不太熟 正在学习中 问下:如果打包上传了 修改下页面布局什么的 h5那种冷更新 问下 ionic 不需要修改什么吗 把改好的www放到服务器 app能获取到修改吗 我看了 很多ionic的打包 都没有提修改服务器地址之类的
        sherry1984:@IonicBlog 谢谢:smile:
        IonicBlog:@sherry1984 ionic打包的应用资源是直接放到本地的,跟服务器没有关系,你可以理解成h5资源就在安装包里面。
      • dingyh333:能否讲一下怎么打包发布到安卓市场?谢谢
        IonicBlog:@dingyh333 安卓市场比较乱,一般只需要打包签名放到服务器给用户下载就行了

      本文标题:ionic3项目实战教程 - iOS打包上架到应用市场

      本文链接:https://www.haomeiwen.com/subject/sdddpxtx.html