首先卓伊凡还是给大家说明下,本图文内容呢是对应有教程的,是优雅草科技的商业实战项目,我卓伊凡已经在我的mac电脑上打包详细运行了,并且以此来做教程会更加的直观,但是单看视频教程不理解理论,单看理论教程又过于抽象,因此本视频来给大家演示,本文来给理论支持,视频教程可以在各大媒体平台搜索卓伊凡可以搜索相关关键词看到。
📱 Cocos Creator 3.8.8 iOS 打包完整教程
本教程将详细介绍如何使用 Cocos Creator 3.8.8(Cocos2d-x 的后续版本)将游戏项目打包成 iOS 应用(.ipa 文件),并包含屏幕方向设置、构建选项详解等内容。
一、准备工作
在开始打包之前,请确保你的 Mac 上已安装以下环境:
| 环境要求 | 说明 |
|---|---|
| Cocos Creator 3.8.8 (Mac版) | 只有 Mac 版本的 Cocos Creator 可以导出 iOS 工程 |
| Xcode | 从 Mac App Store 下载最新版本,打包 iOS 应用必需的工具 |
| Apple 开发者账号 | 免费账号可用于真机调试(每7天需重签),发布需要付费账号($99/年) |
⚠️ 重要提示:安装完 Xcode 后,至少打开一次让它自动安装必要的系统组件。可以在终端输入 xcodebuild -version 验证是否安装成功。
二、Cocos Creator 构建面板详解
打开 Cocos Creator,点击菜单栏 项目(Project)→ 构建发布(Build) ,或使用快捷键 Shift + Command + B 打开构建面板。
2.1 通用构建选项
左侧蓝色区域是所有平台通用的配置项:
| 选项 | 说明 |
|---|---|
| 应用名称 | 手机桌面上显示的游戏名称 |
| 包名(Bundle Identifier) | 应用的唯一标识,格式通常为 com.yourcompany.gamename |
| 启动场景 | 游戏启动时第一个加载的场景 |
| 目标平台 | 选择 iOS、Android、Windows 等 |
| 构建路径 | Xcode 工程生成的位置,默认为 build/ios |
| MD5 Cache | 开启后资源文件名会加入 MD5 码,用于版本更新时清理缓存 |
| Source Maps | 开启后生成调试用的 Source Map 文件,正式包建议关闭 |
2.2 原生平台特有选项
右侧红色区域是 Native 平台(iOS/Android)的专用配置:
| 选项 | 说明 |
|---|---|
| 加密 JS(Encrypt JS) | 开启后会将脚本加密为 .jsc 文件,保护代码安全 |
| JS 加密密钥 | 脚本加密使用的密钥,随机生成 |
| Zip 压缩 | 开启后压缩脚本,减小包体大小 |
| 原生引擎路径 | 可选择内置引擎或自定义引擎 |
| Job System | 任务系统,TBB 和 TaskFlow 两种方式可选 |
| API Level(Android) | 设置 Android 编译使用的 API 版本 |
| APP ABI(Android) | 设置支持的 CPU 类型(arm64-v8a、armeabi-v7a 等) |
2.3 iOS 平台专有选项
平台选择 iOS 后出现的额外选项:
| 选项 | 说明 |
|---|---|
| 屏幕方向(Orientation) | 设置游戏支持的屏幕方向,详见下文 |
| 开发者团队(Developer Team) | 选择你的 Apple 开发者账号 |
| 模板(Template) | 构建模板,一般选 default |
2.4 构建按钮说明
构建面板右下角有三个按钮:
| 按钮 | 功能 |
|---|---|
| 构建(Build) | 生成 Xcode 工程文件,但不编译 |
| 生成(Make) | 在构建完成后进行编译,生成 .app 文件 |
| 运行(Run) | 编译完成后在模拟器/真机上运行 |
三、屏幕方向设置(竖屏/横屏)
屏幕方向问题有两种设置方式,建议优先在 Cocos Creator 中设置。
3.1 方法一:在 Cocos Creator 中设置(推荐)
- 打开 构建发布 面板
- 选择你的 iOS 构建任务
- 在 iOS 平台选项中找到 屏幕方向(Orientation)
- 根据游戏类型勾选需要的方向:
| 游戏类型 | 推荐设置 |
|---|---|
| 竖屏游戏(如跑酷、消除类) | 只勾选 Portrait(竖屏) |
| 横屏游戏(如射击、动作类) | 只勾选 Landscape Left 和 Landscape Right |
| 支持自动旋转 | 同时勾选 Portrait 和 Landscape |
- 设置完成后,重新点击 构建(Build) ,Cocos 会将方向配置写入 Xcode 工程
⚠️ 注意:如果已经打过包但方向错误,需要重新构建,不能直接改 Xcode 后继续用旧的 Archive。
3.2 方法二:在 Xcode 中手动检查/修改
如果你已经在 Cocos 中设置正确但打包后仍不对,可以在 Xcode 中检查:
-
用 Xcode 打开构建生成的工程(
build/ios/proj/xxx.xcodeproj) -
点击左侧蓝色的项目图标
-
选择 TARGETS → 你的游戏名
-
切换到 Info 选项卡
-
找到 Supported interface orientations(支持的方向)
-
检查勾选情况,手动取消不需要的方向
-
重新 Archive 打包
四、完整打包流程
第一步:在 Cocos Creator 中构建
- 打开你的游戏项目
- 点击菜单栏 项目 → 构建发布(
Shift + Command + B) - 点击 新建构建任务(New Build Task)
- 平台选择 iOS
- 填写关键配置:
| 配置项 | 填写内容 |
|---|---|
| 应用名称 | 你的游戏名称 |
| 包名 | com.yourcompany.gamename |
| 屏幕方向 | 根据游戏类型选择(详见上文) |
| 开发者团队 | 选择你的 Apple ID(首次使用需添加) |
- 点击 构建(Build) ,等待完成
- 构建完成后,点击 生成(Make) 或直接点击 文件夹图标 打开工程目录
第二步:在 Xcode 中配置签名
- 双击
build/ios/proj/你的游戏名.xcodeproj用 Xcode 打开 - 点击左侧蓝色项目图标 → TARGETS → 你的游戏名
- 切换到 Signing & Capabilities 选项卡
- ✅ 勾选 Automatically manage signing(自动管理签名)
- 在 Team 下拉菜单中选择你的开发者账号
-
- 如果没有账号,点击 "Add an Account..." 登录 Apple ID
- 确认 Bundle Identifier 与 Cocos 中填写的一致
💡 首次登录 Apple ID 失败怎么办?
如果提示“无法验证身份”,可以尝试:
- 关闭 VPN/代理软件
- 在 appleid.apple.com 生成“App 专用密码”用于登录
- 在系统设置中退出 Apple ID 后重新登录
第三步:Archive 打包
- 在 Xcode 顶部工具栏,将设备选择改为 Any iOS Device (arm64)
- 点击菜单栏 Product → Archive
- 等待编译完成(底部进度条走完)
- 编译成功后会自动弹出 Organizer 窗口(如果没有,按
Shift + Command + O手动打开)
第四步:导出 IPA
- 在 Organizer 窗口中,选中刚生成的归档记录
- 点击右侧 Distribute App 按钮
- 选择分发方式:
| 方式 | 用途 |
|---|---|
| App Store Connect | 上传到 App Store 或 TestFlight |
| Ad Hoc | 导出测试包,需提前注册设备 UDID |
| Development | 开发调试用 |
| Enterprise | 企业内部分发(需企业证书) |
-
按向导提示选择证书和描述文件
-
点击 Export,选择保存位置
-
完成!得到
.ipa文件
五、常见问题与解决方案
Q1:构建时提示 "Please check if Xcode is installed"
原因:Xcode 命令行工具未安装或路径未设置。
解决:在终端执行:
xcode-select --install
xcodebuild -version # 验证是否成功
Q2:首次 Make 报错
原因:Xcode 工程模板未完全适配。
解决:用 Xcode 打开工程查看具体错误,通常是签名问题,按第二步配置即可。
Q3:编译报错 "No template named 'function' in namespace 'std'"
原因:Xcode 新版与 Cocos 工程模板不兼容。
解决:在报错的 .h 文件顶部添加 #include <functional>。
Q4:Archive 按钮灰色无法点击
原因:编译目标未选择真机设备。
解决:将顶部设备选择改为 Any iOS Device (arm64) 。
Q5:打包出来的 IPA 横竖屏方向不对
原因:Cocos 中屏幕方向未正确设置,或设置后未重新构建。
解决:返回 Cocos 重新设置屏幕方向,点击 构建 重新生成 Xcode 工程,然后重新 Archive。
Q6:没有开发者账号,只想打个测试包
解决:可以使用个人 Apple ID 登录 Xcode(免费),按上述流程选择 Ad Hoc 或 Development 方式导出。注意免费账号签名的应用每7天需要重新签名。
