~/VibeHandbook
免费 PDF

16 · 01

选一个托管平台并部署

对大多数 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.tomlvercel.json 等),并解释第一次部署抛出的任何报错。第一次部署几乎总会抛出点什么——一个缺失的构建命令、一个错误的输出目录、一个 Node 版本不匹配、一个构建需要却找不到的环境变量(environment variable,从代码之外交给你应用的一项带名字的设置,就像放在门垫下、应用知道去哪里找的一把钥匙)。这些都不意味着你干了蠢事;它们意味着平台还需要你再告诉它一件事。把报错原样粘回去,让它给出修复方案,再问问为什么会发生,好让下一次少点意外。两三个回合,你就上线在一个临时 URL 上了。在庆祝之前,打开那个 URL,把核心流程点一遍——"部署成功了"和"应用能用"不是同一个论断。

每一次部署都走同一条流水线。预览那一步就是你的安全网:每一个变更都拥有自己专属的 URL,在它能触达真实用户之前供你点击查看。

   你的机器                  平台
 ┌──────────────┐
 │  编写代码    │
 │  git commit  │
 │  git push    │
 └──────┬───────┘
        │  push
        ▼
 ┌──────────────┐   失败   ┌──────────────────┐
 │    BUILD     ├─────────▶│  读错误,         │
 │  安装依赖    │          │  修复后再push    │
 │  编译        │◀─────────┤  (2~3轮)         │
 └──────┬───────┘   重试   └──────────────────┘
        │  通过
        ▼
 ┌──────────────┐
 │   PREVIEW    │  临时URL — 在此点击核心流程
 │  *.pages.dev │  ── 分享 · 测试 · 验证 ─────┐
 └──────┬───────┘                             │
        │  没问题?  ──── 否 ──────────────────┘
        │  是
        ▼
 ┌──────────────┐
 │  PRODUCTION  │  真实域名 · 真实用户
 └──────────────┘

想离线阅读?

免费下载整本书的 PDF 或 EPUB。