前序
第一课：小橙酱：第一课学员专用：如何写出优秀作业的完整指南
第二课：小橙酱：作业建议：先定位，再出发；先收敛，再发散。
第三课：小橙酱：第三课作业建议：从 Vibe Coding 到 AI 接入，一次把链路跑通
第四课：小橙酱：第四课作业建议：不做工具的奴隶，做解决问题的主人（4期第4课）
期中复盘：小橙酱：Vibe Coding 实战训练营通关手册：写在训练营进行一半时
第五课：小橙酱：第五课作业建议：从“AI生成代码”到“做产品实践”的演练（4期第5课）
如果之前我们是在本地IDE/CLI里闭门造车，当了一回“潜心研发”的产品经理；
那么第六课，我们就是把产品推向了舞台。
这节课的关键词只有一个：交付（Delivery）。
在程序员的圈子里，有一句经典的名言：“It works on my machine”（在我的电脑上明明能跑啊！）。
但这毫无意义。
如果你的产品只能在你的localhost里运行，那它就只是一个“电子手办”，只有你能欣赏。
第六课的任务，就是要打破这层结界，把你的“电子手办”变成一个全世界都能访问的“在线服务”。
不要被“服务器”、“运维”、“跨域”这些词吓倒。
对于 Vibe Coding 而言，我们有捷径。
一、核心认知：为什么“部署”是产品的成人礼？
有些同学可能会觉得：“我代码都写完了，部署不就是点个按钮的事吗？” 其实不然。
部署是产品的“成人礼”，因为它强制你面对真实世界的残酷：
1.环境差异：你的电脑环境和服务器环境不一样，本地能跑，上线报错是常态。
2.成本意识：云舒老师在课上花大力气讲了“算账”。在APPStore上线App要 99 美元/年的同时还需要有一台MacOS的电脑，做网站要买域名，服务器要算流量。部署，会开始让你从“写代码”的嗨点，回归到“运营成本”的冷静。
3.交付标准：在本地你可以随时改代码，但在云端，你需要一套机制来管理“什么版本给用户看”。
所以，这次作业不仅仅是“发个链接”，而是让你体验“我是如何把我的作品交付给世界的”。
二、作业策略：条条大路通罗马
原始作业说明：第6课：把产品交付到真实世界——上线与发布
本次作业不限制部署平台。
虽然课上重点讲了GitHub + Vercel这套黄金组合，但如果你的网络环境不允许，或者你更习惯其他方式（比如 Replit、Netlify，甚至是腾讯云/阿里云的静态托管），只要评审老师能通过一个 URL 访问到你的作品，就算通过。
初阶作业：让 URL 成为你的名片
- •原始要求：把自己开发好的网站部署到 Vercel 等其他平台/服务器上，提交部署链接。
- •我的解读：◦核心目标：打破只能在“本地运行”的壁垒。◦推荐路径：就用你第五课做的那个“个人主页”或者“工具导航站”。
- •通关标准：你发到群里的链接，我也能点开，也能看到和你电脑上一模一样的画面，并且在作业笔记中说明你的部署步骤。
进阶作业：掌握“时光机”的能力
原始要求：部署到 Vercel 上，并熟练使用 GitHub 发版（至少） 3 次，提交版本说明及截图。
我的解读：
- •为什么要（至少）发版 3 次？这不是为了凑数，而是为了让你学会使用版本控制（Version Control）。
- •什么是版本控制？它就是代码世界的“后悔药”和“时光机”。◦V1.0（初版上线）：这是可能你第一次把代码推上去，可能还有点丑。◦V1.1（紧急修复/微调）：比如你发现标题写错了，或者想换个背景色。在本地改完 -> 用 GitHub Desktop 提交（Commit） -> 推送（Push）。你会发现 Vercel 会自动检测到变化并重新部署。这就是“持续集成/持续部署（CI/CD）”的雏形。◦V1.2（功能迭代）：试着加一个新的小功能，再推一次。
- •通关标准：不仅仅是一个链接，而是要在作业文档里展示出 GitHub 的 Commit 记录截图，并且说明你为什么要 Commit，证明你不是一次性传上去就不管了，而是懂得如何维护它。
三、避坑指南：给“复杂项目”的一盆冷水
这节课云舒老师提到了一个很现实的问题：
前端项目部署很简单（免费、快），但带数据库和后端的项目部署是几何级难度的提升。
1.如果你做的是纯静态网页（HTML/CSS/JS）
恭喜你，GitHub + Vercel 是你的天堂，基本 5 分钟搞定，免费且稳定。这也是第五课推荐大家先做“个人主页”的原因——它容易部署，能给你建立信心。
2.如果你的项目带了数据库（Supabase）和后端逻辑
请做好心理准备，你可能会遇到（包括但不限于）以下问题：
- •环境变量（Environment Variables）丢失：你在本地.env文件里配的 API Key，上传到 GitHub 是会被自动忽略的（为了安全）。你必须在 Vercel 的 Settings -> Environment Variables 里，手动把你所有的 Key 再填一遍。◦但是一定要记得不要把API Key发布在公开可见的仓库目录里！
- •跨域问题（CORS）：云舒老师在答疑时也提到了，本地访问后端没问题，上了线域名变了，后端可能会拒绝服务。
- •我的建议：如果你是小白，且没有强烈的业务需求，不要在这个阶段死磕复杂的后端部署。先把前端部署跑通。如果你一定要部署复杂项目，请善用 AI。
3.如何用 AI 解决部署报错？部署报错时的 Log（日志）通常非常晦涩。
• ❌错误做法：盯着 Vercel 的报错红字发呆。
• ✅正确做法：
- 在 Vercel 部署失败的页面，找到Build Logs。
- 把那一大段看不懂的红色报错复制下来。
- 扔给 AI（Claude/ChatGPT）：“我在 Vercel 部署 React 项目时遇到了这个报错 [粘贴日志]，请告诉我这是什么原因，并给出修改代码的具体步骤。”
- 对于复杂架构，直接问 AI：“我的项目包含前端 [技术栈] 和后端 [技术栈]，请帮我设计一个最简单的免费部署方案。”
四、关于“Demo Day”的合理野心
如果你听了课堂实录，你会发现WaytoAGI训练营团队正在筹备2月8日的 Demo Day（线下结营展示）。
WaytoAGI训练营-第一期线下黑客松DemoShow报名啦各位第四期vibe coding训练营的同学们，我们将在2月8日做第一期线下的demoshow活动。如果你已经有了自己的产品，欢迎你来demo show成为嘉宾上台展示。如果你正在第一个coding工具，也欢迎你来和一起交流更多不同的玩法。如果你现在只是有了想法，还不知道做什么、怎么做，无从下手时，更加欢迎你来现场一起黑客松，现场手搓coding，总之，无论是想交流分享还是作为观众来学习，无论你是e人还是i人，都欢迎大家来参加线下活动～报名点击🔜训练营Demo Day——报名表单（本次活动只面向北京、上海、深圳、杭州、广州、成都、武汉7个城市开放，其他城市陆续开放ing）期待2月8日，我们不见不散！
这节课的作业，其实是你通往 Demo Day 更扎实的一张的门票。
你不想在 Demo Day 上拿着电脑说：“那个...你们凑过来看我的屏幕，因为它只能在我的电脑上跑...” 吧？
你要做的是，在大屏幕上打出一个二维码，或者甩出一链接，自信地说：
“这是我的产品，大家现在就可以拿出手机访问它。”
这就是部署的意义。
它让你的努力，变得可被链接，可被传播，可被验证。
不管你是用 Vercel，还是用 Enter.pro 自带的链接，还是你自己买了域名和服务器，请确保你的作品是在线的。
行动起来，点亮 "Deployment Success" 吧。
2026年1月24日 @爱思考的小橙酱
学员须知（小白基础答疑手册）
作业提交步骤指导：☎️AI训练营 - 学员须知（持续更新）
VibeCoding主文档：第四期：Vibe Coding实战训练营
AI训练营数据中心（含证书获取、找搭子）：🌈AI训练营第1课：第1课：大势不可逆，得势者必胜第2课：第2课：从 Website 开始构建一款应用产品第3课：第3课：与时俱进做出你的第一款 AI 应用第4课：第4课：AI编程下一站，走入代码的世界第5课:第5课：和Al一起vibe coding做产品第6课：第6课：把产品交付到真实世界——上线与发布第7课:第7课：一个工具产品是怎么做出来的第8课：第8课：Demo Day：AI开发完整流程复习课-你的数字化毕业展答疑汇总：Coding答疑汇总页面优秀笔记:优秀笔记分享自习室：自习室
⚠️@版权归WaytoAGI及课程讲师所有，未经许可不得传播售卖。如有侵权将依法追究法律责任。
@版权归WaytoAGI及课程讲师所有，未经许可不得传播售卖。如有侵权将依法追究法律责任。
此功能需登录或注册后使用