AI零代码开发实战1：从0到1写出并上架一个完整App（预告篇）

AI零代码开发实战2：从0到1写出并上架一个完整App（PRD&开发架构篇）

AI零代码开发实战3：从0到1写出并上架一个完整App（正式开发篇-写出你的APP）

这篇我们解决：

怎么让你的APP成为一个完全可以使用的，企业级别的APP并在手机上跑起来

这里我们回到 [1] playground 进行模拟机和实机的调试修改。

本篇的Prompt不会很多，其实就是一套模板反复套用，主要依赖人的实际使用体验和判断，边界case测试以及在对话中的描述。

建议在关键用户旅程，登录注册，付费相关的地方做充分的体验和测试，你必须先成为深度用户才能确保你的app不出错（。所以还是整点自己也会用的app吧或者搞个测试群找人一起用一起测试。

⚠️这一步的Git代码版本管理非常重要！非常！重要！上篇还有build界面给你兜底保存版本，这篇改抓瞎了要么你就真的有耐心或者懂代码，要么你就只能从build那步重新来过了。不如意就回滚！没改好就回滚！改出大问题了就回滚！回滚大法好！（我在燃什么

1. 怎么设置模拟机和实机

iOS需要苹果生态，你可以：

1. 买台苹果电脑： 穷鬼开发套餐建议看看新出的macmini。

2. 在windows电脑上装虚拟机黑苹果，我自己的电脑是超薄商务本尝试了一下放弃了，想装的朋友可以问问AI。

实机模拟： 要苹果手机，可以随便买个旧型号，支持IOS系统15及以上就差不多可以了。鸿蒙： 我直接在macmini上装的鸿蒙那边的开发环境模拟器，没有用华为实机。其他安卓： 还未实践，所以以下基本上是IOS的经验。

1.1开始设置

首先需要安装这些：

• VS Code： 写代码、看代码的地方。

• Xcode： 去Mac的AppStore下载，它是苹果的官方开发工具，负责把代码打包装进手机里。

• 依赖环境： VS Code里需要安装 Node.js 和 Git 或者其他依赖，不懂也没关系不用管，项目跑不通你就复制报错去问AI，它会给你非常详细的答复。

在 AppStore Connect 注册一个开发者账号并付费（¥688 年费）注：不付费也能跑真机，但 App 7天就过期打不开了，建议想长期做的直接付费。

1. 用iPhone或者Mac，去 App Store 下载 "Apple Developer" App。

2. 登录 Apple ID，点击“立即注册 (Enroll Now)”。

3. 如果你是独立开发没有公司，类型选“个人 (Individual)”。

1.2下载项目代码

在上一篇的 [2] 里把你的项目下载下来用vscode打开，或者通过github把项目下载到本地。

步骤 A：如果你是从 AI Studio/Build 直接下载

1. 点击下载按钮，你会得到一个压缩包。

2. 解压它，把解压后的文件夹拖到一个你找得到的地方（比如桌面/Documents）。

3. 打开 VS Code，点击左上角 File -> Open Folder，选中刚才那个文件夹。

步骤 B：如果你是用 GitHub，强烈建议用这个方法

1. 先在 [2] 的界面里把代码同步到github。

2. 在终端输入 git clone 你的项目地址。

3. 用 VS Code 打开该文件夹。

步骤 C：配置环境变量还记得我们之前设定的 Supabase 数据库吗？代码里通常不会明文写密码。

1. 在项目根目录（就是最外层）找找有没有 .env 或者 .env.example 文件。

2. 如果没有，新建一个文件叫 .env.local。

3. 把你的 Supabase URL 和 Anon Key 按格式填进去（问AI要正确的格式，通常是 NEXT_PUBLIC_SUPABASE_URL=xxxx）。

1.3. 编译与连接：让 VS Code 牵手 Xcode

AI写的大多是 Web 前端代码（React/Next.js），要变成 iOS App，我们需要一个翻译官，通常是 Capacitor。

第一步：构建网页版在 VS Code 终端输入：

npm run build

如果不报错，说明你的代码逻辑没问题，网页版已经生成好了。

第二步：同步到 iOS 容器在终端继续输入：

npx cap sync

这条命令会把刚才生成的网页版代码，塞进 iOS 的工程文件里。

第三步：召唤 Xcode在终端输入：

npx cap open ios

见证奇迹的时刻，这条命令会自动启动你安装好的 Xcode，并打开你的项目。从此开始，我们的操作转移到 Xcode 界面。

↑AI生成的，所以有什么不懂的就去问AI就可以了，肯定比我写的要详细，关关难过关关过

1.4在 Xcode 设置好 APP 信息与签名

这里不懂的话可以直接顺着上一篇 2.16 进行总体APP的优化 & 预设上架 的prompt往后继续问一步步问清楚，新开窗口问很容易问不清楚，注意上下文管理。

打开 Xcode 后，面对复杂的界面不要慌，你只需要改几个地方：

1. 找到项目根目录在左侧的文件导航栏，点击最顶部的那个蓝色图标（通常叫 App 名字）。

2. 设置签名 (Signing & Capabilities)

• 点击右侧主界面的 "Signing & Capabilities" 标签页。

• Team（团队）： 这里会显示 None。点击它 -> Add an Account -> 输入你的 Apple ID 登录。

• 注：免费的 Apple ID 只能真机调试7天，7天后要重新签名；付费开发者账号（99美元/年）则没有限制且可以上架 App Store。

• Bundle Identifier（包名）： 这是一个 App 的身份证。格式通常是 com.你的名字.项目名（例如 com.jason.travelapp）。必须保证全球唯一，如果报错红字，就改个复杂点的名字。

3. 处理权限 (Info.plist)如果你的 App 用到了 相机、相册、麦克风（比如之前的 Lens 拍照功能），你需要告诉苹果。

1. 点击左侧目录里的 App -> Info.plist。

2. 检查有没有 Privacy - Camera Usage Description 这样的键值。

3. 如果没有，问 AI：“如何在 Info.plist 里添加相机和相册权限？” 它会给你具体的 Key 和 Value，填进去即可。

1.5最后：模拟器与真机运行

方式 A：用模拟器（电脑上跑）

1. Xcode 顶部中间有个设备选择栏，点开选择 iPhone 16 Pro (或者其他你喜欢的型号)。

2. 点击左上角的 ▶ (Play) 按钮。

3. 等待编译（Compiling），几十秒后，一个虚拟的 iPhone 会弹出来，并自动打开你的 App！

方式 B：用真机（手机上跑）

1. 用数据线把 iPhone 连上 Mac。

2. 手机上点击“信任此电脑”。

3. 在 Xcode 顶部的设备选择栏，找到你的手机（通常显示为你的名字的 iPhone）。

4. 点击 ▶ (Play) 按钮。

关键一步： 第一次安装后，手机上会打不开，提示“不受信任的开发者”。解决： 拿起手机，去【设置】->【通用】->【VPN与设备管理】-> 点击你的开发者账号 -> 选择 【信任】。

再次点击 App 图标，恭喜你，你自己做的 App 已经在你手里跑起来了！

↑AI写的，Again，犹豫不决问AI，这些都是行业常识，我们作为小白不懂，但其实只要问了照着做百分百可以处理解决好

2. 开始 Prompt

此时上一篇我们得到的项目结构和日志系统非常重要。

2.1给AI需要的项目结构上下文

Prompt:我们正在对写好的项目进行iOS上架前的模拟机实际测试，你是一个资深的全栈开发工程师，这是我们的项目结构。现在你会对收到的报错进行详细的分析，思考出需要查看的前端后端代码文件，并告知这些文件是什么，然后我会给你文件，给到文件之后你会进行详细的分析并给出完整的修正方案

这是一个基于我们目前开发进度，完整展开且经过详细注释的项目结构图。这里补充上我们上一篇里得到的 项目结构图xxxxxxx

2.2 给AI需要的日志报错和代码上下文

Prompt:这是你需要的具体代码文件和日志报错，请作为资深开发仔细阅读，如果你需要其他代码文件或者新增日志来进一步确认问题，请告知

2.3 引导AI给出修改后的代码文件，这里要自己粘贴回vscode里面去并重新运行查看修改的具体效果

Prompt:

好的，接下来我们从最基础最底层没有依赖任何其他代码的第一个文件开始，逐个文件来进行开发，在开发时，强制开启思考模式，遵循最佳实践，不要省略具体代码，不要进行硬编码，不要留空，先生成伪代码，再生成实际代码，实际代码中用中文进行适当的注释补充，请返回完整的，全部展开的代码文件

根据当前状态更新开发内容的状态

2.4 前面引导了AI每次只改一个文件，这里提示AI继续下一个文件的开发

Prompt:好的，回顾已经完成的开发，接下来进入下一步的开发，在开发时，强制开启思考模式，不要省略具体代码，不要进行硬编码，不要留空，先生成伪代码，再生成实际代码，实际代码中用中文进行适当的注释补充，请严格遵循 

1. 确保代码符合最佳实践，易于阅读和维护

2. 确保代码中包含必要的错误处理和异常捕获，确保代码健壮性和稳定性

现在，请返回完整的，全部展开的代码文件根据当前状态更新开发内容的状态

因为有 项目结构和日志，这个时候基本不进行上下文管理了。

• 觉得AI改不好就直接新开一个窗口，有时候虽然改到一半了但可以不用回滚，还是可以救回来的。方法就是在新开的窗口里，可以直接给AI一个我们需要修改的具体功能相关的新身份（别管AI实际有没有，你说它有它就真的会去假设自己有这个能力的，也蛮好玩的就那种宇宙图景世界智慧的人类超能阴谋论没想到实际上讲的是AI这种硅基）。

  比如阅读器功能需要修改，就可以直接在新窗口里说：

Prompt:

"你之前开发过很多好用的精美的阅读器，请运用你丰富的开发经验来重构我们当前的阅读器模块，这是项目结构xx，这是相关代码xx，你对当前的代码实现和用户体验有什么建议和补充吗"

再加上我们前面的prompt，大概率可以开出一个重构大佬让你的app用户体验上一个层次。

但是注意：如果开出来的是重构大佬，这个人格大概率也非常激进，重构之前先用git把当前版本保存下来（这里不懂可以问AI），有问题就回滚。

除了绝对不能出错的关键用户旅程，登录注册，付费，其他用下来觉得不舒服的不合理的不太对的功能模块要注意投入，MVP不用这么面面俱到，注意投入产出比（我在对我自己说（。

至此，你的APP可以在手机上用啦 *★,°*:.☆(￣▽￣)/$:*.°★* 。你的APP好了的话记得滴滴我分享快乐！！！

下一篇是最后一篇：

如何处理最终的上架和前期的官网和ASO+用增！

感兴趣的朋友可以点击关注合集或者账号，持续更新中，这个合集更新完成后会不定期掉落一些产品和碎碎念！

-比如我想说能不能做一个app或者能力把这些prompt包装起来这样我就不用手动输入了（躺-比如我还想做一个ADHD的无负罪感任务管理app（主打一个自动拆解自动任务降级比如锻炼降级成爬两层楼就够了）和一个给老年猫老年狗照料指南的app（家猫快十岁了本愚蠢人类真的是每天看到它母鸡揣就开始关切的眼神.jpg，我又不懂猫语猫要是真不舒服怎么办啊！！！

--比如我在朋友圈哀嚎的AI旅游项目（后端已经好了想试用的朋友可以滴滴我，我可以用后端fastapi+postman帮你规划下旅游）：

1. 这个项目用的是高德实际+实时数据，和那些AI无脑生成的对比可行性会非常高！

2. 我想做成徒步或者单车可以直接复现经典路线的，现在的朋友们分享路线只能截张图也太惨了....

3. 我希望做成那种可以规划季节限定的地点的那种，让我们把附近找回来！三月赏樱花五月看紫藤十一月看银杏乌桕十二月看水杉！小区里的水果我也要踩着季节快乐采摘替代农家乐一下

4. 再比如有一些限定展比如我才知道国内也有类似濑户内海艺术祭那种的大地艺术节

说起这个其实之前开发也是因为本来想自己去夏达画展用的结果展都结束了几个月了我还没开发上线呢我甚至没去：）丢了西瓜也没捡到芝麻：）不愧是我：）