注册
iOS

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

IMG_6518.PNG

背景

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

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

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

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

加入苹果开发者

image.png

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

    204a28ca89d4d7d02499062716e59493.jpg
  • 进入App
  • 点击底部【账户】
  • 点击立即注册
  • 填写资料(填写的信息要与你的苹果账号对应,因为这个App需要双重认证)
  • 填完信息和资料后点击订阅
  • 付费(需要给你的手机添加付款方式)
  • 付费成功
  • 成功加入苹果开发者计划

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

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

  1. 进入Apple Developer官网,登录成功后,点击顶部导航栏的【账户】,在【账户】页面点击【证书】 image-20230808113929505.png
  2. 进入到【Certificates, Identifiers & Profiles】页面,点击+号,开始注册证书 image-20230808121650456.png
  3. 选择【iOS Distribution (App Store and Ad Hoc)】再点击【Continue】 image-20230808121858695.png
  4. 上传证书签名(CSR文件) image-20230808122100213.png 下面会教大家如何生成CSR文件:
  • 打开Mac上的【钥匙串访问】App

    20ec7c2cc53253373ab93f8fc18065fe.jpg
  • 依次选择App顶上菜单栏的【钥匙串访问】➡️【证书助理】➡️【从证书颁发机构请求证书…】 image-20230808122243972.png
  • 打开弹窗,填写两个邮件、常用名称,选择存储到磁盘,点击【继续】 image-20230808122543912.png
  • 存储到桌面,得到【CSR文件】
  • 2aa89749a9042f1a0ef8aab22028d4b1.jpg
  • 8d5f39450bec7bd3d09716d1356b761c.jpg
  • 996da4ff564d475017e47fd69821177e.jpg
  1. 回到网页,选择并上传刚刚生成的【CSR文件】,点击【Continue】 image-20230808123228957.png
  2. 到这里【cer文件】就生成好了,点击【Download】下载到桌面 image-20230808123338059.png
  3. 得到【cer文件】

    5658542cde876d2fbd1ed53c2991f1a0.jpg

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

  1. 双击打开【cer文件】,Mac会自动打开【钥匙串访问】,选中左侧登录 ➡️ 我的证书 ➡️ 证书文件,找到这个【cer证书】 image-20230808123644018.png
  2. 此时证书是未受信任,双击该证书,在弹窗中展开【信任】,选择【始终信任】,然后关闭输入密码保存,证书就改成受信任了 image-20230808123833153.png image-20230808123940575.png
  3. 右键选中该证书,在菜单中选择【导出】 image-20230808124140464.png
  4. 输入密码,即【证书私钥密码】(该密码就是HbuilderX发行打包App时,填写的【证书私钥密码】),之后再输入电脑密码

    a778507942ba668c22c2865c6cbf5f2a.jpg
  5. 最终得到【p12证书】

    ca8bbb84c62b018c9519ebfecc598956.jpg

生成Bundle ID

  1. 回到页面(Certificates, Identifiers & Profiles),选择【Identifiers】,点击+号 image-20230808125006785.png
  2. 选择【App IDs】,点击【Continue】 image-20230808125143344.png
  3. 选择【App】,点击【Continue】 image-20230808125209004.png
  4. 填写描述和Bundle ID,ID格式如:com.domainname.appname image-20230808125323834.png
  • 下面的功能如果有需要的话,需要勾选上 image-20230808125520515.png
  • 比如你的App需要Apple登录的话,则需要勾选【Sign In with Apple】

    627c5bc1746d549b29677f588324cc35.jpg
  1. 设置完成后,点击右上角的【Continue】,【Bundle ID】就生成好了 image-20230808132943388.png

生成profile文件

  1. 回到页面(Certificates, Identifiers & Profiles),选择【Profiles】,点击+号 image-20230808130252462.png
  2. 选择【App Store】,点击【Continue】 image-20230808130328340.png
  3. 选择上一步生成的【身份标识】,点击【Continue】 image-20230808130441878.png
  4. 选择第一步生成的【Certificates证书】,点击【Continue】 image-20230808131020305.png
  5. 设置【配置文件名称】,点击【Generate】生成 image-20230808131126095.png
  6. 点击【Download】下载【profile文件】 image-20230808131225658.png
  7. 得到【profile文件】

    2cfb0f0b2f67f22409e18e51583b10c6.jpg

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

HbuilderX 打包ios App

  1. 填入配置和文件 Snipaste_2023-08-08_13-20-10.png
  2. 点击【打包】,即可生成App image.png

到这一步,iOS App就生成好了。


作者:Jerry丶Hu
来源:juejin.cn/post/7264939254290579495

0 个评论

要回复文章请先登录注册