选一个托管平台并部署
对大多数 vibe coding 出来的应用,你并不需要一台需要你时刻照看的服务器。现代平台拿到你的代码,几分钟内就能给你一个上线的 。常见的选择:
- 静态站点和前端: Cloudflare Pages、Vercel、Netlify、GitHub Pages。
- 全栈应用和 (Application Programming Interface,应用程序编程接口,一个程序用来与另一个程序对话的门户): Cloudflare Workers、Vercel、Render、Fly.io、Railway。
- 更重的后端: 一个容器平台,或一台小型 VPS(Virtual Private Server,虚拟专用服务器,相当于你在数据中心里租下的、一台永远开机的计算机的一块专属切片)。
正确的做法是告诉 AI 你搭了什么,让它来推荐。试试:"这是一个带 Postgres 数据库的 Next.js 应用。我想要一个最便宜、可靠、免费额度慷慨的托管平台。给我部署步骤和一个配置文件。" 对那些真正约束选择的因素要说具体:你的框架、有没有数据库、是否需要后台任务或文件上传,以及你的预算。一个静态的营销页面,和一个带队列的全栈应用,住的地方截然不同。
一旦选定了,部署通常就是几条命令:
# Example: Cloudflare Workers via Wrangler
npm install -g wrangler
wrangler login
wrangler deploy
# Example: Vercel
npm install -g vercel
vercel --prod
让 AI 生成平台配置(wrangler.toml、vercel.json 等),并解释第一次部署抛出的任何报错。第一次部署几乎总会抛出点什么——一个缺失的构建命令、一个错误的输出目录、一个 Node 版本不匹配、一个构建需要却找不到的环境变量(environment variable,从代码之外交给你应用的一项带名字的设置,就像放在门垫下、应用知道去哪里找的一把钥匙)。这些都不意味着你干了蠢事;它们意味着平台还需要你再告诉它一件事。把报错原样粘回去,让它给出修复方案,再问问为什么会发生,好让下一次少点意外。两三个回合,你就上线在一个临时 URL 上了。在庆祝之前,打开那个 URL,把核心流程点一遍——"部署成功了"和"应用能用"不是同一个论断。
每一次部署都走同一条流水线。预览那一步就是你的安全网:每一个变更都拥有自己专属的 URL,在它能触达真实用户之前供你点击查看。
你的机器 平台
┌──────────────┐
│ 编写代码 │
│ git commit │
│ git push │
└──────┬───────┘
│ push
▼
┌──────────────┐ 失败 ┌──────────────────┐
│ BUILD ├─────────▶│ 读错误, │
│ 安装依赖 │ │ 修复后再push │
│ 编译 │◀─────────┤ (2~3轮) │
└──────┬───────┘ 重试 └──────────────────┘
│ 通过
▼
┌──────────────┐
│ PREVIEW │ 临时URL — 在此点击核心流程
│ *.pages.dev │ ── 分享 · 测试 · 验证 ─────┐
└──────┬───────┘ │
│ 没问题? ──── 否 ──────────────────┘
│ 是
▼
┌──────────────┐
│ PRODUCTION │ 真实域名 · 真实用户
└──────────────┘