部署上线总览

恭喜走到最后一步。模板、风格、能力都配好了，产品也跑起来了——现在把它放到一个全世界（尤其国内用户）都能访问的地址上。本教程所有步骤都在真实项目上验证过，是第一手经验。

推荐姿势：让 AI 替你部署

部署是最适合交给 Coding Agent 的活——步骤机械、报错常见、文档冗长。每篇教程顶部都有 **「复制文档给 AI 部署」**按钮，把整篇教程连同指令一键复制，粘贴给你的 Agent 即可。

让 AI 顺利干活，你需要提前给它三样东西：

1. 终端权限：Agent 要能执行命令（装依赖、跑构建）。CLI 用 npx 临时调用即可，不必全局安装。
2. 一次登录授权：npx wrangler login（Cloudflare）或 npx vercel login 会弹出浏览器授权页， 这一步点确认的必须是你本人——之后 Agent 就能用你的登录态继续操作。
3. 浏览器操作能力（可选）：涉及控制台点选的步骤（绑定域名、开通服务），要么给 Agent 浏览器操作能力（如 Claude in Chrome 扩展），要么 Agent 说一步你点一步。

安全习惯：要求 Agent 每个有副作用的步骤（扣费、改 DNS、删资源）先停下来征求你同意。 这句话已经写进每篇教程的复制指令里了。

两条路线对比

	Vercel	Cloudflare Workers
上手难度	⭐ 最简单，绑 GitHub 点两下	⭐⭐⭐ 要懂 wrangler 和构建链
自动部署	push 即部署	自己跑命令（或配 CI）
数据库	需要外接（Supabase/Neon）	自带 D1（SQLite），免费额度大
国内访问	默认域名国内访问不可靠，需自定义域名 + 优选	默认 workers.dev 不稳，需自定义域名 + 优选
免费额度	个人项目够用	每天 10 万次请求，够用
适合谁	第一次部署、纯前端/轻后端	要数据库/登录/支付的完整产品

怎么选

• 第一次上线、产品是个落地页或纯前端工具 → 选 Vercel 部署，十分钟搞定。
• 产品带登录、支付、数据库（比如用 Ship 模板做的）→ 选 Cloudflare Workers 部署，D1 数据库免费自带，不用再开一个数据库服务。
• 两条路都要解决同一个问题：国内访问优化。各自教程里有实测可用的方案。

一个通用前提：你需要一个自己的域名（几十块/年）。不管哪条路线，平台默认域名（*.vercel.app / *.workers.dev）在国内都不可靠，正式上线必须用自己的域名。