基于 Y Build 构建 亲手构建这个应用 —— 从提示到部署,绑定你自己的域名。 免费开始
构建上线对比实验室关于 开始构建 →
上线

把 AI 搭建的应用部署到你自己的域名

一个预览 URL 不是产品。在 Cloudflare Pages、Vercel 和 Netlify 上从 DNS 到 HTTPS 的完整路径——以及那个没人提的成本陷阱。

Marcus Tan创始工程师,Y Build
发布于 Jun 9, 2026
7 分钟
阅读
cover · 1200×600

每一个 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 的循环

这套流程在哪儿都一样:

  1. 添加域名 —— 在托管商的控制台里(它会显示为 “pending”)。
  2. 指向 DNS —— 在你的注册商处(或在 Cloudflare 的 DNS 里):把你的子域名用一条 CNAME 指向上面那个托管商的目标。
  3. 对于根域名example.com,不带 www),你不能用裸 CNAME——要用你的托管商/DNS 服务商的 CNAME flattening 或 ALIAS/ANAME 记录。Cloudflare 会自动做根域名扁平化。
  4. 等待校验。 托管商会验证这条记录并自动签发证书——通常几分钟。在你庆祝之前,先确认它能通过 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 分钟里搭一个。

喜欢这篇拆解?
新实验上线当天就送到你邮箱。每周一封,附原始数据。
作者
Marcus Tan 创始工程师,Y Build

Marcus 用 AI 工具上线过 40+ 款生产级应用,并主理 Build Lab 的各项实验 —— 也就是每篇对比与实验笔记背后那些计时、可复现的正面对决。此前曾在两家 YC 创业公司搭建开发者平台。

40+ 个已上线应用 8 年 全栈 作者 · 实验室
更多来自 Marcus → @marcustan github ↗

继续阅读

查看全部实验 →
构建你自己的应用
免费 · 无需信用卡
免费开始 →