每一個 AI 建構工具的演示都終結在一個 *.something.app 的預覽 URL 上。那不是產品——那是一張你能點擊的截圖。發布意味著你自己的網域、HTTPS,以及一份不會嚇到你的帳單。這裡是完整路徑,以及三家主流託管商的區別。
三家託管商
對於一個 AI 建構的 Web 應用,你幾乎一定會落到其中一家。三家都為自訂網域提供自動 SSL/TLS,而且設定流程幾乎一模一樣。
| 託管商 | 何時最適合 | 自訂網域指向目標 | 計費形態 |
|---|---|---|---|
| Cloudflare Pages | 靜態 / 內容站 / 對成本敏感 | your-project.pages.dev | 固定價;頻寬無限 |
| Vercel | 重度使用 Next.js 的應用 | cname.vercel-dns.com | 免費額度慷慨,按用量計費 |
| Netlify | 想要內建表單 / 身分功能 | your-site.netlify.app | 每團隊 $19/mo,1 TB |
從 DNS 到 HTTPS 的循環
這套流程在哪兒都一樣:
- 新增網域 —— 在託管商的控制台裡(它會顯示為 “pending”)。
- 指向 DNS —— 在你的註冊商處(或在 Cloudflare 的 DNS 裡):把你的子網域用一條
CNAME指向上面那個託管商的目標。 - 對於根網域(
example.com,不帶www),你不能用裸 CNAME——要用你的託管商/DNS 服務商的 CNAME flattening 或 ALIAS/ANAME 記錄。Cloudflare 會自動做根網域扁平化。 - 等待驗證。 託管商會驗證這條記錄並自動簽發憑證——通常幾分鐘。在你慶祝之前,先確認它能透過 HTTPS 解析。
不用 nginx,不用 certbot,也不用盯著 DNS 傳播。兩個最容易把人絆倒的點:根網域 vs www(兩個都設定好,把其中一個重新導向到另一個),以及忘了郵件和應用可以共用同一個網域。
成本陷阱
這是教學會跳過的那部分。Vercel 的免費額度很慷慨,但它是按用量計費的——一個爆紅時刻就能把 $0 的帳單變成 $500+ 的驚嚇。Cloudflare Pages 正相反:一開始沒那麼討人喜歡,但無論流量多大帳單幾乎紋絲不動——頻寬無限、每月 500 次免費建構、每個專案最多 100 個自訂網域,以及全球最快的 CDN(300+ 接入點)。Netlify 夾在中間,固定 $19/mo 的團隊方案,並內建表單/身分功能。
如果你要發布的是一個內容站、或一個大體上靜態的應用,又不想操心流量尖峰,那麼 Cloudflare Pages 是穩妥的預設選項。如果你深度使用 Next.js 的各種特性,Vercel 是阻力最小的那條路。如果你想要不帶後端的內建表單處理,Netlify 物有所值。
結論
部署是把演示和產品區分開的那一步,而在 2026 年它是個 10 分鐘的活兒——前提是你挑了一個與你的應用相匹配的託管商,並且盯緊的是計費模式,而不只是功能清單。先把應用做出來:看我們怎麼在 30 分鐘裡搭一個。