一句话把网站部署到 Cloudflare:配好 Token,剩下的交给 AI
配置好 Cloudflare API Token 和 Skills,后面创建项目、配置数据库、绑定域名、GitHub 部署全部交给 AI 一句话搞定。
我现在越来越喜欢把小项目直接通过 Cloudflare 部署。
不是因为它完美,而是因为配置一次后,以后做新项目只需要对 AI 说一句话:
用 Cloudflare 创建一个待办清单应用,项目名 tododemo。
包含用户登录和待办事项管理,使用 D1 数据库。
部署到 tododemo.01mvp.com。然后 AI 会自动帮你:
- 创建 Worker 项目
- 配置 D1 数据库
- 写好前后端代码
- 推送到 GitHub 私有仓库
- 配置自动部署
- 绑定自定义域名
你不用手动操作任何一步。
前提条件
- 一个 Cloudflare 账号(免费,额度很慷慨)
- 一个域名,托管在 Cloudflare(DNS 由 Cloudflare 管理)
- 一个支持 Cloudflare Skills 的 AI 工具(比如 Claude Code)
核心原理
整个流程的关键是两个东西:
1. Cloudflare API Token 这是一把钥匙,让 AI 工具能代替你操作 Cloudflare。
2. Cloudflare Skills 这是 AI 的"操作手册",告诉 AI 怎么用 Cloudflare 的各种服务。
配置好这两个,AI 就能自动完成:
- 创建 Worker
- 配置数据库(D1)
- 配置对象存储(R2)
- 配置 DNS 和域名绑定
- 设置 GitHub 自动部署
第一步:创建 Cloudflare API Token
在哪创建
登录 Cloudflare 控制台。
如果你要创建个人 Token:
右上角头像
-> My Profile
-> API Tokens
-> Create Token如果你的账号里已经有 Account API Tokens:
Manage Account
-> API Tokens
-> Create Token个人练手项目,用 user token 就够了。
团队项目、长期 CI/CD,更适合用 account token。
选择模板
在模板里选:
Edit Cloudflare Workers这个模板会给你一部分 Worker 相关权限。
但如果你想让 AI 后面还能帮你配域名、建数据库、接对象存储,需要补一些权限。
建议加的权限
以 01mvp.com 这个域名为例,我会这样配:
Account -> Cloudflare Workers Scripts -> Edit
Zone -> Zone -> Read
Zone -> DNS -> Edit
Account -> D1 -> Edit
Account -> Workers R2 Storage -> Edit如果你在权限列表里看到 Durable Objects 相关权限,也可以给 Edit。
资源范围尽量收窄:
Account Resources: 选择你的 Cloudflare account
Zone Resources: 只选择 01mvp.com这样就算 Token 泄漏,影响范围也不会无限扩大。
Token 创建完成后只会显示一次。
马上复制下来,别写进代码仓库。
获取 Account ID
在 Cloudflare 控制台:
Account Home(账户主页)
单账户:账户名右侧点 ⋮(三点菜单)→ Copy account ID
多账户:在账户列表行末尾点 ⋮ → Copy account ID保存到环境变量
可以直接用下面的命令一键追加到你的 .zshrc,这样可以永久生效:
echo 'export CLOUDFLARE_API_TOKEN="你的_token"' >> ~/.zshrc
echo 'export CLOUDFLARE_ACCOUNT_ID="你的_account_ID"' >> ~/.zshrc
source ~/.zshrc为什么不用 wrangler login
理论上如果你只是在自己电脑上部署,也可以直接:
npx wrangler login但问题在于:
- wrangler login 没有 DNS 的修改权限
- 如果你要给 AI 工具、CI/CD、脚本化部署用,最佳方案还是 API token
第二步:添加 Cloudflare Skills
Skills 是 Cloudflare 官方提供的 AI 操作手册。
如果你用的是 Claude Code,可以直接运行:
npx skills add https://github.com/cloudflare/skills --yes --all这会把 Cloudflare 的所有 Skills 添加到你的 AI 工具里。
以后 AI 就知道怎么:
- 用 C3 创建项目
- 配置 wrangler.jsonc
- 创建和绑定 D1 数据库
- 配置 R2 对象存储
- 设置自定义域名
- 配置 GitHub 自动部署
第三步:对 AI 说一句话
配置完成后,以后做新项目只需要对 AI 说:
示例 1:待办清单应用
用 Cloudflare 创建一个待办清单应用,项目名 tododemo。
功能:
- 用户名密码登录
- 创建、查看、删除待办事项
- 使用 D1 数据库存储
部署:
- 创建 GitHub 私有仓库
- 配置 Cloudflare 自动部署
- 绑定到 tododemo.01mvp.com示例 2:图片分享站
用 Cloudflare 创建一个图片分享站,项目名 photoshare。
功能:
- 用户登录
- 上传图片(< 5MB)
- 浏览所有人的图片流
- 使用 D1 存储用户信息,R2 存储图片
部署:
- 创建 GitHub 私有仓库
- 配置 Cloudflare 自动部署
- 绑定到 photoshare.01mvp.com示例 3:简单说明站
用 Cloudflare 创建一个产品说明站,项目名 demo。
使用 React + Vite,纯静态页面。
部署到 demo.01mvp.com。AI 会自动完成什么
当你说完这句话,AI 会自动:
-
创建项目
- 用 C3 创建 Worker 或 Pages 项目
- 选择合适的模板
-
写代码
- 实现你要的功能
- 配置数据库 schema
- 写好前后端逻辑
-
配置数据库
- 创建 D1 数据库
- 在 wrangler.jsonc 里绑定
- 运行 migration
-
配置存储(如果需要)
- 创建 R2 bucket
- 在 wrangler.jsonc 里绑定
-
本地测试
- 运行
npm run dev - 确认功能正常
- 运行
-
推送到 GitHub
- 初始化 git
- 创建私有仓库
- 推送代码
-
配置自动部署
- 在 Cloudflare 控制台连接 GitHub
- 设置自动部署
-
绑定域名
- 在 wrangler.jsonc 配置 custom_domain
- 自动配置 DNS
全程你不需要手动操作任何一步。
你需要做什么
你只需要:
-
第一次配置(一次性)
- 创建 API Token
- 添加 Cloudflare Skills
-
每次做新项目
- 对 AI 说一句话
- 等几分钟
- 打开浏览器访问你的域名
就这么简单。
常见问题
Q: 我的域名不在 Cloudflare 怎么办?
A: 需要先把域名的 DNS 转到 Cloudflare。在域名注册商那里修改 Nameserver,指向 Cloudflare 提供的 NS 记录。
Q: 免费额度够用吗?
A: 对于个人项目和小流量应用,Cloudflare 的免费额度非常慷慨:
- Workers: 每天 100,000 次请求
- D1: 每天 100,000 次读取,50,000 次写入
- R2: 每月 10GB 存储,100 万次读取
Q: 如果我想修改代码怎么办?
A: 直接修改本地代码,推送到 GitHub,Cloudflare 会自动重新部署。
或者直接对 AI 说:
帮我在 tododemo 项目里加一个"标记完成"功能。AI 会自动修改代码、测试、推送。
Q: 数据库数据会丢吗?
A: D1 是持久化存储,数据不会丢。但建议定期备份重要数据。
总结
配置好 API Token 和 Skills 后,做新项目的流程变成:
对 AI 说一句话 -> 等几分钟 -> 打开浏览器访问你不用:
- 手动创建项目
- 手动配置数据库
- 手动写部署脚本
- 手动配置域名
- 手动设置 CI/CD
这些全部交给 AI 自动完成。
你只需要专注在:
- 想清楚要做什么
- 把需求说清楚
- 测试功能是否符合预期
这才是 AI 时代做产品的正确姿势。
官方文档
Feedback