不开终端也能部署：浏览器里 10 分钟上线 Cloudflare Workers 项目（网页版教程）

上一篇《零成本把项目部署到 Cloudflare Workers》讲的是命令行方案，适合愿意装工具折腾的同学。但如果你连终端都不想打开——这篇就是为你准备的。
全程在浏览器里点点点，不装任何软件，不用命令行，会复制粘贴就能部署。 预计耗时 10~15 分钟。

我们同样以一个「带 D1 数据库 + 定时任务 + 后台管理」的 Worker 项目为例，把整个流程在 Cloudflare 控制台里走一遍。

整体流程一览

纯文本

注册 Cloudflare 账号
       ↓
创建 D1 数据库 → 控制台执行 SQL 建表
       ↓
创建 Worker → 粘贴代码 → Deploy
       ↓
Settings → Bindings → 绑定 D1（变量名: DB）
       ↓
Settings → Variables → 添加管理密钥（Secret）
       ↓
Settings → Triggers → 添加 Cron 定时任务
       ↓
重新 Deploy → 访问网址 → 🎉上线
       ↓
（可选）绑定自定义域名 → /admin 进后台

第 1 步：注册 Cloudflare 账号

打开 https://dash.cloudflare.com/sign-up
输入邮箱和密码，点 Create Account
去邮箱收验证邮件，点验证链接
登录成功（已有账号的直接登录）

第 2 步：创建 D1 数据库

D1 是 Cloudflare 的免费 SQLite 数据库，用来存业务数据。

登录后，在左侧菜单找到 Storage & Databases
点 D1 SQL Database → Create Database
Database name 填个项目名（例如 my-app-db）
点 Create

创建完成后停留在数据库页面，下一步还要回来。记住这个库名，绑定时要用。

第 3 步：建数据库表

在数据库页面点 Console（控制台）标签页，你会看到一个 SQL 输入框
把你项目的建表 SQL 全部复制进去（下面是一个多表项目的示例结构）：

SQL

-- 业务数据表
CREATE TABLE IF NOT EXISTS codes (
  id INTEGER PRIMARY KEY AUTOINCREMENT,
  code TEXT NOT NULL,
  status TEXT DEFAULT 'active',
  created_at TEXT NOT NULL
);

-- 设置表（存站点配置）
CREATE TABLE IF NOT EXISTS settings (
  key TEXT PRIMARY KEY,
  value TEXT,
  updated_at TEXT NOT NULL
);

-- 操作日志表
CREATE TABLE IF NOT EXISTS submit_logs (
  id INTEGER PRIMARY KEY AUTOINCREMENT,
  ip TEXT NOT NULL,
  action TEXT NOT NULL,
  created_at TEXT NOT NULL
);

-- 常用索引
CREATE INDEX IF NOT EXISTS idx_codes_status ON codes(status);
CREATE INDEX IF NOT EXISTS idx_logs_ip ON submit_logs(ip);

点 Execute，看到绿色 Success 就建好了

直接用你项目自带的 schema.sql 就行，示例仅供参考。

第 4 步：创建 Worker

回到 Cloudflare 主页（点左上角 logo）
左侧菜单 Workers & Pages → Create → Create Worker
Name 填个项目名（例如 my-app）
点 Deploy（先随便部署，下一步替换代码）
部署完成后点 Edit code 进入代码编辑器

第 5 步：粘贴代码

这是全流程唯一有点「体力活」的一步：

进入编辑器后，左边是代码区，右边是预览区
把左边代码区内容全部删掉（Ctrl+A → Delete）
用记事本（或任何编辑器）打开项目的入口文件（通常是 src/index.js）
Ctrl+A 全选 → Ctrl+C 复制，回到 Cloudflare 编辑器 Ctrl+V 粘贴
文件较大的话（几十 KB），粘贴后等 2~3 秒让它加载完
点右上角 Deploy

⚠️ 粘贴完整性检查：确认代码开头和结尾没有被截断（比如开头是注释块、结尾是 };）。如果明显缺了一截，重新粘贴一次。

第 6 步：绑定数据库

Worker 要连上第 2 步的数据库才能工作：

回到 Worker 主页面（不是代码编辑器），点 Settings
找到 Bindings，点 Add binding → 选 D1 database
填写：
- Variable name：DB（以你代码里 env.DB 的名字为准，必须一字不差）
- D1 database：下拉选中第 2 步建的库
点 Save

⚠️ 变量名是最大的坑：代码里写的是 env.DB，绑定时就得填 DB。填成 db、database 之类的，运行时直接报错。

第 7 步：设置管理密码

还是在 Settings 页面，找到 Variables and Secrets
点 Add variable：
- Variable name：ADMIN_KEY（以你项目文档为准）
- Value：自己想一个强密码
- Type：选 Secret（加密存储，更安全）
点 Save

⚠️ 请牢记这个密码——它是进后台的钥匙，丢了只能删掉重建。

第 8 步：设置定时任务（Cron）

假设项目需要每天定时执行清理任务：

Settings 页面找到 Triggers → Cron Triggers
点 Add Cron Trigger
填入 Cron 表达式，比如 59 15 * * *
Save

为什么是 59 15？ Cloudflare Cron 用的是 UTC 时间，中国时间 = UTC + 8。所以「北京时间 23:59」要写「UTC 15:59」。

常用换算对照：

中国时间	Cron 表达式
23:59	`59 15 * * *`
00:00	`0 16 * * *`
06:00	`0 22 * * *`
12:00	`0 4 * * *`

第 9 步：重新部署上线

回到 Worker 主页面，点 Edit code
什么都不用改，直接点右上角 Deploy（让绑定和变量生效）
显示 "Deployed" 就完成了 🎉

你的网址是：https://<worker-name>.<你的子域名>.workers.dev，在 Worker 主页顶部能看到。

大陆用户注意：workers.dev 域名在中国大陆可能打不开，解决方案见下一步。

第 10 步：绑定自定义域名（可选，但推荐）

有自己的域名体验更好：网址短好记，全球可访问。

域名先接入 Cloudflare（如果还没接入）：

Cloudflare 主页 → Add a Site → 输入域名 → 选 Free 计划
按提示去域名注册商把 NS 记录改成 Cloudflare 给的两组地址
等待生效（几分钟到几小时）

然后给 Worker 加自定义域名：

进入 Worker → Settings → Domains & Routes
点 Add Custom Domain
输入想用的子域名，比如 app.yourdomain.com
点 Add Domain，DNS 记录会自动创建，不需要手动设置
再点一次 Deploy 让域名生效

之后就可以用 https://app.yourdomain.com 访问了。

第 11 步：进入后台管理

在网址后面加 /admin（以你项目的后台路径为准），例如 https://app.yourdomain.com/admin
输入第 7 步设置的 ADMIN_KEY
登录，即可管理数据、调整站点设置

常见问题

Q: 打开网站白屏？

按顺序检查：

代码有没有粘贴完整（对照开头和结尾）
D1 绑定变量名是不是和代码里的一致（DB）
数据库表有没有建成功（第 3 步的 Console 里再执行一次，已存在的表不会重复建）
去 Worker 的 Real-time Logs（Settings → Logs）看有没有报错

Q: workers.dev 打不开？

大陆网络下可能被屏蔽。绑定自己的域名（第 10 步）即可解决。

Q: 后台提示密码错误？

Worker → Settings → Variables and Secrets → 删掉旧的 ADMIN_KEY → 重新添加 → 再 Deploy 一次（Secret 改动需要重新部署生效）。

Q: 免费额度够用吗？

Workers：每天 100,000 次请求
D1：5GB 存储
Cron Trigger：免费

个人项目基本用不完。

Q: 以后怎么更新代码？

Worker → Edit code → 改完点 Deploy，几秒上线。网页版改代码的好处是所见即所得，右边就是实时预览。

写在最后

网页版部署和命令行版的分界线其实很简单：

只部署一次、不改代码 → 网页版（本文），10 分钟搞定
经常改代码、要本地调试 → 命令行版（上一篇），wrangler deploy 一键更新

两篇对照着看，Cloudflare 免费额度内能跑的项目形态基本就齐了。部署遇到问题欢迎评论区留言。