~/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。