likes
comments
collection
share

教你做事,uniapp ios App 打包全流程

作者站长头像
站长
· 阅读数 66

教你做事,uniapp ios App 打包全流程

背景

使用uniapp 开发App端,开发完成后,ios端我们需要上架到App Store,在此之前,我们需要将App先进行打包。

在HubilderX中,打包ios App我们需要四个东西,分别是:

  • Bundle ID
  • 证书私钥密码
  • 证书私钥文件
  • 证书profile文件

下面,我将一步步讲解,如何获取以上文件。

加入苹果开发者

教你做事,uniapp ios App 打包全流程

  • 使用iPhone或iPad 在App Store 下载 Apple Developer

    教你做事,uniapp ios App 打包全流程
  • 进入App

  • 点击底部【账户】

  • 点击立即注册

  • 填写资料(填写的信息要与你的苹果账号对应,因为这个App需要双重认证)

  • 填完信息和资料后点击订阅

  • 付费(需要给你的手机添加付款方式)

  • 付费成功

  • 成功加入苹果开发者计划

生成p12证书和证书私钥密码

步骤:CSR文件 ➡️ cer文件 ➡️ p12文件

  1. 进入Apple Developer官网,登录成功后,点击顶部导航栏的【账户】,在【账户】页面点击【证书】 教你做事,uniapp ios App 打包全流程

  2. 进入到【Certificates, Identifiers & Profiles】页面,点击+号,开始注册证书 教你做事,uniapp ios App 打包全流程

  3. 选择【iOS Distribution (App Store and Ad Hoc)】再点击【Continue】 教你做事,uniapp ios App 打包全流程

  4. 上传证书签名(CSR文件) 教你做事,uniapp ios App 打包全流程 下面会教大家如何生成CSR文件:

  • 打开Mac上的【钥匙串访问】App

    教你做事,uniapp ios App 打包全流程
  • 依次选择App顶上菜单栏的【钥匙串访问】➡️【证书助理】➡️【从证书颁发机构请求证书…】 教你做事,uniapp ios App 打包全流程

  • 打开弹窗,填写两个邮件、常用名称,选择存储到磁盘,点击【继续】 教你做事,uniapp ios App 打包全流程

  • 存储到桌面,得到【CSR文件】

  • 教你做事,uniapp ios App 打包全流程
  • 教你做事,uniapp ios App 打包全流程
  • 教你做事,uniapp ios App 打包全流程
  1. 回到网页,选择并上传刚刚生成的【CSR文件】,点击【Continue】 教你做事,uniapp ios App 打包全流程

  2. 到这里【cer文件】就生成好了,点击【Download】下载到桌面 教你做事,uniapp ios App 打包全流程

  3. 得到【cer文件】

    教你做事,uniapp ios App 打包全流程

接下来我们要根据这个【cer文件】导出生成为【p12文件】

  1. 双击打开【cer文件】,Mac会自动打开【钥匙串访问】,选中左侧登录 ➡️ 我的证书 ➡️ 证书文件,找到这个【cer证书】 教你做事,uniapp ios App 打包全流程

  2. 此时证书是未受信任,双击该证书,在弹窗中展开【信任】,选择【始终信任】,然后关闭输入密码保存,证书就改成受信任了 教你做事,uniapp ios App 打包全流程 教你做事,uniapp ios App 打包全流程

  3. 右键选中该证书,在菜单中选择【导出】 教你做事,uniapp ios App 打包全流程

  4. 输入密码,即【证书私钥密码】(该密码就是HbuilderX发行打包App时,填写的【证书私钥密码】),之后再输入电脑密码

    教你做事,uniapp ios App 打包全流程
  5. 最终得到【p12证书】

    教你做事,uniapp ios App 打包全流程

生成Bundle ID

  1. 回到页面(Certificates, Identifiers & Profiles),选择【Identifiers】,点击+号 教你做事,uniapp ios App 打包全流程

  2. 选择【App IDs】,点击【Continue】 教你做事,uniapp ios App 打包全流程

  3. 选择【App】,点击【Continue】 教你做事,uniapp ios App 打包全流程

  4. 填写描述和Bundle ID,ID格式如:com.domainname.appname 教你做事,uniapp ios App 打包全流程

  • 下面的功能如果有需要的话,需要勾选上 教你做事,uniapp ios App 打包全流程

  • 比如你的App需要Apple登录的话,则需要勾选【Sign In with Apple】

    教你做事,uniapp ios App 打包全流程
  1. 设置完成后,点击右上角的【Continue】,【Bundle ID】就生成好了 教你做事,uniapp ios App 打包全流程

生成profile文件

  1. 回到页面(Certificates, Identifiers & Profiles),选择【Profiles】,点击+号 教你做事,uniapp ios App 打包全流程

  2. 选择【App Store】,点击【Continue】 教你做事,uniapp ios App 打包全流程

  3. 选择上一步生成的【身份标识】,点击【Continue】 教你做事,uniapp ios App 打包全流程

  4. 选择第一步生成的【Certificates证书】,点击【Continue】 教你做事,uniapp ios App 打包全流程

  5. 设置【配置文件名称】,点击【Generate】生成 教你做事,uniapp ios App 打包全流程

  6. 点击【Download】下载【profile文件】 教你做事,uniapp ios App 打包全流程

  7. 得到【profile文件】

    教你做事,uniapp ios App 打包全流程

到这里,【Bundle ID】、【p12文件】【证书私钥密码】、【profile文件】就生成好了,可以去HbuilderX打包ios App了

HbuilderX 打包ios App

  1. 填入配置和文件 教你做事,uniapp ios App 打包全流程

  2. 点击【打包】,即可生成App 教你做事,uniapp ios App 打包全流程

下一文章,将讲述如何将App上架到App Store。

转载自:https://juejin.cn/post/7264939254290579495
评论
请登录