从0开始做一个iOS APP：Build on Trae
从0开始做一个iOS APP：Build on Trae
从0开始做一个iOS APP：Build on Trae 从0开始做一个iOS APP：Build on Trae Modified March 26, 2025 在第一个栏目中，点击“+”号，在“Key”中输入Trae给的参数，如“NSAppTransportSecurity”； 并且在“Type”和 “Value”继续输入 Trae给的参数 步骤10:接入火山引擎中的豆包Vision大模型 👍 火山引擎：https://console.volcengine.com/ark/region:ark+cn beijing/model?vendor=Bytedance&view=LIST VIEW 输入手机号注册好后，来到“模型广场”， 选择“Doubao 1.5 vision pro 32k”，打开“立即体验” 在页面打开“API接入” 第一步：先创建API Key，可以把API Key找个地方存一下，比如你的笔记本 第二步：复制调用示例 懒人操作：回到Trae，输入以下提示词： Code block SQL Copy 我现在需要集成拍照识别食物的卡路里等营养成分，接入火山引擎的API，请你按照示例严格接入API，设计提示词，并且集成这个AI识别的功能，能在前端成功显示营养成分，保证前端代码精美。（你不需要查看Info.plsit文件，以后也不需要） 以下是我的API Key：e148e3a4 6776 4316 99bf xxxxxxxxxx （输入你刚才复制的API Key） 以下是调用示例： curl 'https://ark.cn beijing.volces.com/api/v3/chat/completions' \ H 'Content Type: application/json' \ H 'Authorization: Bearer $ARK API KEY' \ data '{ "model": "doubao 1 5 vision pro 32k 250115", "messages": [ {"role": "user", "content": [ { "type": "image url", "image url": { "url": "https://ark project.tos cn beijing.volces.com/images/view.jpeg" } }, { "type":"text", "text": "这是哪里" } ]} ] }' 如无意外，App能够拍照并且识别图片，正确给出图片中食物的卡路里以及相关营养成分 iOS编程中可能出现的问题： 1. 多次报错仍无法解决： 尝试利用提示词工程，让Trae逐步排查，或利用更强模型： Code block SQL Copy 现在出现了问题，帮我看看问题出在什么地方。先不要修改代码，需要查看其他相关的文件来确保方案修改不会影响其他功能。 至少提出三种修改方案，并检查该方案是否真正解决问题。 执行方案修改应尽量确保其他功能不发生变化以免乱改。 以下是报错代码：xxxxx 2. 崩溃/生成的代码不符： 查看控制台，看看是否有相关日志 情况1:如果有和你问题相关的日志，复制给Trae，让他帮忙排查问题 情况2：不明情况，不知道是否有和自己问题相关的日志，则让Trae帮忙添加日志排错： Code block SQL Copy 目前我出现了一个问题：xxxx（描述你的问题以及情况） 请你帮我增加多几个Consoles，以帮助排查问题 此时再次运行软件，实现同样的操作后，会发现上图的控制台会多一些文字，将这些文字复制给Trae排查 附：上线 App Store 📱 一、注册 Apple Developer Program： 下载Apple Developer ，注册后缴费688/年的年费，无限上架应用 提醒：开发者账号是你在 App Store 的数字身份证，一旦出现问题，补救的成本远高于多等待几天的耐心。 二、证书签署 🔐 完成开发者账号注册后，进行以下步骤准备上架： 1. 登录 Developer 账号：Apple Developer 2. Certificates, IDs & Profiles 3. Identifiers → App IDs → + • 填写 App 描述和 Bundle ID • 选择需要的功能权限（如推送通知） 4. 钥匙串访问： • 选择证书助理 → 从证书颁发机构请求证书 → 保存到本地磁盘 5. 下载并安装证书： • Certificates → iOS Distribution (App Store Connect and Ad Hoc) → 选择文件 → 下载 → 双击打开 6. 配置 Xcode： • 确保“Automatically manage signing”已勾选 • 确保 Bundle Identifier 填写正确 7. 打包与上传： • 菜单栏选择 Product → Archive → Distribute App 8. App Store Connect：App Store Connect • 准备以下信息： • App 名称 • 副标题（30 字以内） • 关键词（100 字以内） • App 分类（最多两个） • 隐私政策 URL • 版本号（如 1.0.0） • 构建版本号（如 1） • 版本更新说明 • 联系人信息 • 版权信息 • 合规性确认： • App 追踪透明度说明 • 隐私标签声明 • 数据收集说明 • 出口合规信息 致谢 本教程感谢WaytoAGI和AI编程社的大力支持 感谢@花生 提供的“AI Rules” Apple Developer App Store Connect 在第一个栏目中，点击“+”号，在“Key”中输入Trae给的参数，如“NSAppTransportSecurity”； 并且在“Type”和 “Value”继续输入 Trae给的参数 步骤10:接入火山引擎中的豆包Vision大模型 👍 火山引擎：https://console.volcengine.com/ark/region:ark+cn beijing/model?vendor=Bytedance&view=LIST VIEW 火山引擎：https://console.volcengine.com/ark/region:ark+cn beijing/model?vendor=Bytedance&view=LIST VIEW 输入手机号注册好后，来到“模型广场”， 选择“Doubao 1.5 vision pro 32k”，打开“立即体验” 在页面打开“API接入” 第一步：先创建API Key，可以把API Key找个地方存一下，比如你的笔记本 第二步：复制调用示例 懒人操作：回到Trae，输入以下提示词： 如无意外，App能够拍照并且识别图片，正确给出图片中食物的卡路里以及相关营养成分 iOS编程中可能出现的问题： 1. 多次报错仍无法解决： 尝试利用提示词工程，让Trae逐步排查，或利用更强模型： 2. 崩溃/生成的代码不符： 查看控制台，看看是否有相关日志 情况1:如果有和你问题相关的日志，复制给Trae，让他帮忙排查问题 情况2：不明情况，不知道是否有和自己问题相关的日志，则让Trae帮忙添加日志排错： 此时再次运行软件，实现同样的操作后，会发现上图的控制台会多一些文字，将这些文字复制给Trae排查 附：上线 App Store 📱 一、注册 Apple Developer Program： 下载Apple Developer ，注册后缴费688/年的年费，无限上架应用 提醒：开发者账号是你在 App Store 的数字身份证，一旦出现问题，补救的成本远高于多等待几天的耐心。 二、证书签署 🔐 完成开发者账号注册后，进行以下步骤准备上架： 1. 登录 Developer 账号：Apple Developer 2. Certificates, IDs & Profiles 3. Identifiers → App IDs → + • 填写 App 描述和 Bundle ID • 选择需要的功能权限（如推送通知） 4. 钥匙串访问： • 选择证书助理 → 从证书颁发机构请求证书 → 保存到本地磁盘 5. 下载并安装证书： • Certificates → iOS Distribution (App Store Connect and Ad Hoc) → 选择文件 → 下载 → 双击打开 6. 配置 Xcode： • 确保“Automatically manage signing”已勾选 • 确保 Bundle Identifier 填写正确 7. 打包与上传： • 菜单栏选择 Product → Archive → Distribute App 8. App Store Connect：App Store Connect • 准备以下信息： • App 名称 • 副标题（30 字以内） • 关键词（100 字以内） • App 分类（最多两个） • 隐私政策 URL • 版本号（如 1.0.0） • 构建版本号（如 1） • 版本更新说明 • 联系人信息 • 版权信息 • 合规性确认： • App 追踪透明度说明 • 隐私标签声明 • 数据收集说明 • 出口合规信息 Apple Developer App Store Connect 完成开发者账号注册后，进行以下步骤准备上架： 1. 登录 Developer 账号：Apple Developer Apple Developer 2. Certificates, IDs & Profiles 3. Identifiers → App IDs → + • 填写 App 描述和 Bundle ID • 选择需要的功能权限（如推送通知） 4. 钥匙串访问： • 选择证书助理 → 从证书颁发机构请求证书 → 保存到本地磁盘 5. 下载并安装证书： • Certificates → iOS Distribution (App Store Connect and Ad Hoc) → 选择文件 → 下载 → 双击打开 6. 配置 Xcode： • 确保“Automatically manage signing”已勾选 • 确保 Bundle Identifier 填写正确 7. 打包与上传： • 菜单栏选择 Product → Archive → Distribute App 8. App Store Connect：App Store Connect App Store Connect • 准备以下信息： • App 名称 • 副标题（30 字以内） • 关键词（100 字以内） • App 分类（最多两个） • 隐私政策 URL • 版本号（如 1.0.0） • 构建版本号（如 1） • 版本更新说明 • 联系人信息 • 版权信息 • 合规性确认： • App 追踪透明度说明 • 隐私标签声明 • 数据收集说明 • 出口合规信息 致谢 本教程感谢WaytoAGI和AI编程社的大力支持 感谢@花生 提供的“AI Rules” 十一. 从0开始做一个iOS APP 开发的iOS APP的前期准备 1.有一台Mac电脑（Mac mini也可以，¥2999左右 / Windows上用Mac的虚拟机 ） 2.在App Store下载“Xcode”，这是专门用来写iOS相关程序的工具，用来预览软件 3.按需下载iOS/iPadOS/MacOS等系统必要的资源 4.登陆Apple账号 开发步骤 步骤1:在Trae中生成APP原型图 在开发一个iOS APP之前，作为一个非专业性产品经理，可以考虑先让Trae用DeepSeek V3 0324生成一个APP的html原型图，根据这个原型图进行开发是一个不错的选择 在Trae中，我们新建一个文件夹，存放这个html原型图文件 在Builder模式中，利用DeepSeek V3 0324输入以下提示词： 在文件夹中打开这个html，效果大致如图： 我们就拿着这个APP的原型图进行进一步的iOS开发 步骤2:在Xcode中新建文件 分别有三个选项，和Trae很像。 如果是第一次创建文件，点击第一行 ：Create New Project（新建项目） 如果是曾经已经创建好的，需要打开的话，点击第三行：Open Existing Project （打开现有项目），找到保存的路径的文件夹并打开。 选择“App” 点击Next（下一步） Product Name： xxx（给这个App起个名字） Organization Identifier：创作者识别码，只能唯一，并且要倒置，如“com.randy" 其他不需要动 找到保存代码的一个文件夹，点击Create（创建） 此时进入主页面，能够看到存在三个文件夹： 1.根目录（其文件夹名称即为刚才所起的 App 名字）； 2.Tests 目录（文件夹名称为 App 名字+Tests）； 3.UITests 目录（文件夹名称为 App 名字+UITests）。 我们主要需要编写的代码全部都放在根目录下，其他两个文件夹不需要管 而最上面有一个像App Store的图标，就是项目管理器。我们的App所有配置都在这里配置 建议把第二列，Minimun Deployments调整到iOS 16，以适配更多版本 步骤3:打开Trae后，打开App的根目录 接下来开始使用Trae，打开我们刚刚创建的文件夹，里面的根目录文件夹（不含Test和UITests的那个文件夹） 步骤4:配置好rules，让Trae知道你这个项目是iOS App 新建一个空白文件，黏贴以下文本： 步骤5:开始编写需求文档 利用Chat模式，发送你的App需求： 得到一个readmd的产品需求文档，按照这个文档进行开发 步骤6:开始进行开发 把步骤1生成的APP原型图放入Trae： 步骤7:修改报错 回到Xcode，检查是否有报错 点击圆圈，将报错信息复制给Trae修改 步骤8:预览应用 选择在真机/模拟器上运行 若在真机运行，请用数据线链接电脑，并按照指示开启“开发者模式”（一劳永逸） 若在模拟器运行，则需提前下载模拟器安装包，选择你需要的模拟器在Mac电脑上运行。 这里我选择在真机运行 点击图片中左上角的开始按钮，或利用快捷键“Command+R（run）”，将应用安装在手机/模拟器上 步骤9:添加相机权限 由于苹果的安全问题，如果应用涉及拍摄、相册、网络访问等需要用户手动确认的权限时，需要我们另外设置权限配置。 如果单纯让AI帮忙配置权限，会与Xcode的权限配置文件冲突，导致崩溃。例如Claude 3.5模型有时候会输出一个名为“Info.plsit"的文件，如果看到他生成的话，请你立刻删除。 正确添加权限的方式： 以下是Trae给我的配置参数： Trae输出后，回到Xcode页面的项目管理器，切换到“Info”界面