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

背景

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

在HubilderX中,打包ios App我们需要四个东西,分别是:Bundle ID、证书私钥密码、证书私钥文件、证书profile文件。

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

加入苹果开发者计划

首先我们需要先加入苹果的开发者计划,Apple Developer Program,通过该地址去注册苹果账号,这一步我就略过了,直接注册就OK了。

登录苹果开发者官网

  1. 进入Apple Developer官网,选择【账户】

  2. 此时未登录的话,会跳转到登录

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

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

  1. 登录成功后,选择【账户】,进入账户页面,选择【证书】
  2. 进入到【Certificates, Identifiers & Profiles】页面
  • 如果页面提示【未订阅苹果开发者计划】,则使iPhone 在App Store 下载 【Apple Developer】

  • 进入App

  • 点击底部【账户】

  • 点击立即注册

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

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

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

  • 付费成功

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

  1. 回到【Certificates, Identifiers & Profiles】页面,点击+号,开始注册证书
  1. 选择【iOS Distribution (App Store and Ad Hoc)】再点击【Continue】
  1. 上传证书签名(CSR文件)

下面会教大家如何生成CSR文件:

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

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

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

  • 存储到桌面

  1. 回到网页,选择并上传刚刚生成的【CSR文件】,点击【Continue】

  2. 到这里【cer文件】就生成好了,点击【Download】下载到桌面

  3. 得到【cer文件】

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

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

  2. 最终得到【p12证书】

生成Bundle ID

  1. 回到页面(Certificates, Identifiers & Profiles),选择【Identifiers】,点击+号
  1. 选择【App IDs】,点击【Continue】

  2. 选择【App】,点击【Continue】

  3. 填写描述和Bundle ID,ID格式如:com.domainname.appname

下面的功能如果有需要的话,需要勾选上

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

  1. 设置完成后,点击右上角的【Continue】,【Bundle ID】就生成好了

生成证书的profile文件

  1. 回到页面(Certificates, Identifiers & Profiles),选择【Profiles】,点击+号

  2. 选择【App Store】,点击【Continue】

  3. 选择上一步生成的【身份标识】,点击【Continue】

  4. 选择第一步生成的【Certificates证书】,点击【Continue】

  5. 设置【配置文件名称】,点击【Generate】生成

  6. 点击【Download】下载【profile文件】

  7. 得到【profile文件】

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

HbuilderX 打包ios App

  1. 填入配置和文件

  2. 点击【打包】,即可生成App

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

相关推荐
火车叼位3 分钟前
脚本伪装:让 Python 与 Node.js 像原生 Shell 命令一样运行
运维·javascript·python
VT.馒头4 分钟前
【力扣】2727. 判断对象是否为空
javascript·数据结构·算法·leetcode·职场和发展
鹏北海4 分钟前
micro-app 微前端项目部署指南
前端·nginx·微服务
发现一只大呆瓜7 分钟前
虚拟列表:从定高到动态高度的 Vue 3 & React 满分实现
前端·vue.js·react.js
css趣多多11 分钟前
add组件增删改的表单处理
java·服务器·前端
证榜样呀16 分钟前
2026 大专计算机专业必考证书推荐什么
大数据·前端
蓝帆傲亦23 分钟前
前端性能极速优化完全指南:从加载秒开体验到丝滑交互
前端·交互
鱼毓屿御36 分钟前
如何给用户添加权限
前端·javascript·vue.js
JustHappy39 分钟前
「web extensions🛠️」有关浏览器扩展,开发前你需要知道一些......
前端·javascript·开源
何中应1 小时前
nvm安装使用
前端·node.js·开发工具