uni-app 项目 iOS 个人免费真机调试打包全流程手册

环境:mac-m4的电脑

工具:HibuilderX ,Xcode

Xcode主要是生成描述文件和证书,HibuilderX主要是来打包的。

前言:

安卓包一小时搞定,苹果包搞了一天,查资料, 文。。像个宝宝一样,上下文关联差强人意,国产还得加油。最终在不断反复的问某歌问出来了。下面的文档也是问完它帮我整理的,就是不带截图,截图只好我自己来了。

第一步:在 HBuilderX 中确定应用标识 (Bundle ID)

  1. 打开 manifest.json,进入"源码视图"。
  2. 找到 "app-plus" -> "distribute" -> "ios" 节点,添加:
    "bundleidentifier" : "com.testuniapp"(确保此 ID 唯一且未被占用)。

避坑点: 如果此处为空,Xcode 联动的描述文件将无法匹配。务必保证 HBuilderX 和 Xcode 里的这一串字符完全一致。


第二步:在 Xcode 中配置签名环境

  1. 打开 Xcode,新建一个普通的 iOS App 项目。
  2. Signing & Capabilities 页面,勾选 Automatically manage signing
  3. Team 下拉框中点击 Add Account 登录你的 Apple ID,并选中它。
  4. Bundle Identifier 修改为第一步中设置的 com.test.uniapp

避坑点: 如果 Team 显示为 None 或飘红报错,描述文件将无法生成。必须等到红字消失,显示出"Xcode Managed Profile"字样为止。


第三步:触发生成并导出描述文件 (.mobileprovision)

  1. 使用数据线连接 iPhone,在 Xcode 顶部选择该手机作为运行目标。
  2. 点击左上角 "运行 (Run)" 按钮,直到手机上出现 App 图标。
  3. 运行完在你的手机上就能看出来多了个应用
  4. 回到 Signing & Capabilities 页面,点击 Provisioning Profile 行末尾带圈的 "i" 图标
  5. 在弹出的浮窗中,用鼠标按住顶部的齿轮图标,直接拖拽到桌面。

避坑点: 如果拖不出来,请按 Command + Shift + G 访问 ~/Library/MobileDevice/Provisioning Profiles 强制跳转寻找。


第四步:导出证书私钥 (.p12)

  1. 点击 Xcode 菜单栏 Settings -> Accounts -> 选中账号 -> Manage Certificates...
  2. 右键点击你的 Apple Development 证书,选择 Export...
  3. 保存为 .p12 格式,并设置一个 安装密码

这里的密码在 HBuilderX 打包时必须填写,请务必记牢。


第五步:在 HBuilderX 进行云打包

  1. 回到 HBuilderX
  2. 回到 HBuilderX,点击 发行 -> 原生App-云打包
  3. iOS应用标识 :填 com.test.uniapp
  4. 证书文件 :选择导出的 .p12
  5. 证书私钥密码:填第四步设置的密码。
  6. 证书profile文件:选择第三步拖出来的那个"齿轮"文件。

后面装到别的手机要用到爱斯助手,我没试,但可以直接装到你的手机上

第六步,app放到你的手机

连上数据线,可以直接运行到你的手机上


第七步:手机端信任与运行

  1. 安装生成的 .ipa 到手机。
  2. 手机打开:设置 -> 通用 -> VPN 与设备管理
  3. 点击你的 Apple ID,选择 "信任"

个人免费证书有效期仅 7 天,过期后需重新执行此流程续期。

ipa文件位置


相关推荐
敲代码的鱼1 天前
PDF 预览与签名批注写回 支持安卓 iOS 鸿蒙 UTS插件
android·前端·ios
时光足迹1 天前
uni-app 视频通话实战:康复师与患者视频问诊的 6 个致命 Bug 与解决方案
android·ios·uni-app
时光足迹1 天前
腾讯云 TRTC UniApp SDK 从入门到上线
前端·vue.js·uni-app
时光足迹1 天前
uni-app 里把加密视频嵌入页面播放?我分析了 4 种方案,只有 1 种接近完美
前端·vue.js·uni-app
时光足迹1 天前
JPush UniApp UTS 插件完全参考手册:API、事件与厂商通道一网打尽
vue.js·ios·uni-app
时光足迹1 天前
极光推送全攻略(下):uni-app 代码实现与 iOS 排查实战
vue.js·ios·uni-app
时光足迹1 天前
极光推送全攻略(上):被iOS证书折磨了三天,我写了一份前端也能看懂的避坑指南
前端·ios·uni-app
编程范式3 天前
SwiftUI 中图片如何适配可用空间
ios
spmcor3 天前
身份证读卡“无感登录”方案实践:从手动点击到自动检测
uni-app
PedroQue994 天前
uni-router v1.8.0新增冷启动守卫补执行
前端·uni-app