教你做事，uniapp ios App 打包、真机调试、上架App Store全流程

Jerry丶Hu
3,217 阅读4分钟

IMG_6518.PNG

背景

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

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

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

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

一、加入苹果开发者

image.png

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

  • 进入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

  • 依次选择App顶上菜单栏的【钥匙串访问】➡️【证书助理】➡️【从证书颁发机构请求证书…】 image-20230808122243972.png

  • 打开弹窗，填写两个邮件、常用名称，选择存储到磁盘，点击【继续】 image-20230808122543912.png

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

  1. 回到网页，选择并上传刚刚生成的【CSR文件】，点击【Continue】 image-20230808123228957.png

  2. 到这里【cer文件】就生成好了，点击【Download】下载到桌面 image-20230808123338059.png

  3. 得到【cer文件】

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

  1. 双击打开【cer文件】，Mac会自动打开【钥匙串访问】，选中左侧登录 ➡️ 我的证书 ➡️ 证书文件，找到这个【cer证书】 image-20230808123644018.png

  2. 此时证书是未受信任，双击该证书，在弹窗中展开【信任】，选择【始终信任】，然后关闭输入密码保存，证书就改成受信任了 image-20230808123833153.png image-20230808123940575.png

  3. 右键选中该证书，在菜单中选择【导出】 image-20230808124140464.png

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

  5. 最终得到【p12证书】

三、生成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】

  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文件】

到这里，【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就生成好了。

六、App Store Connect 创建应用

  1. 进入App Store Connect官网 image-20230808113929505.png

  2. 填入App信息，点击创建 image.png

  3. 创建成功，跳转到以下页面，点击【添加以供审核】，会提示我们需要补全相关信息，补全后提审即可 image.png

七、生成p12测试证书和测试profile文件，iPhone本地调试App

  1. 进入到【Certificates】页面，点击+号，开始注册证书 image.png

  2. 选择【iOS App Development】再点击【Continue】
    (我这里因为添加了一条了，所以不允许再加了) image.png

  3. 接着本文第二步骤4-11，得到【p12测试证书】和【测试Certificate】 image.png

    image.png

  4. 进入到【Devices】页面，点击+号，开始添加设备 image.png

  5. 选择【iOS App Development】再点击【Continue】

    image.png

  6. 选择App ID 再点击【Continue】 image.png

  7. 选择刚刚添加好的【测试Certificate】再点击【Continue】 image.png

  8. 完成，点击Download，得到【测试profile文件】 image.png

    image.png

  9. 将iPhone连接电脑，打开HbuilderX，选择【制作自定义调试基座】 image.png

    使用刚刚生成的p12测试证书和测试profile文件，输入私钥密码，开始打包 image.png

    等待基座制作完成 image.png

    然后点击菜单，选择运行到iOS App基座 image.png

    选择使用自定义基座运行，然后运行至iPhone即可进行真机调试 image.png

avatar
文章
阅读
粉丝