Wrangler 完整指南:Cloudflare Workers 开发部署实战

本指南针对希望在 Cloudflare 边缘构建「数字后花园」或自动化工具的前端、后端开发者,系统阐述从本地快速迭代、资源绑定、调试定位,到通过 GitHub Actions 实现推送即部署的完整流程。掌握文中命令与配置,即可在本地放心开发、在云端安全发布,并实现 CI/CD 自动化。

Wrangler 命令全景图

核心高频命令

命令说明常用场景
wrangler login账户授权首次使用或更换设备时执行
wrangler init [name]初始化项目快速生成目录结构和 wrangler.toml
wrangler dev本地开发服务器实时预览代码修改,支持热更新
wrangler deploy部署到生产环境将本地代码分发至全球边缘节点
wrangler tail实时日志流监控线上 Workers 的运行状态和报错
wrangler whoami账户信息查询检查当前登录的账户 ID 和权限

核心配置文件:wrangler.toml

配置示例

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
name = "my-worker-app"
main = "src/index.js"
compatibility_date = "2026-05-06"

# 1. 环境变量(明文)
[vars]
ENVIRONMENT = "production"
API_URL = "https://api.17you.com"

# 2. D1 数据库绑定(留言板系统核心)
[[d1_databases]]
binding = "DB"
database_name = "guestbook_db"
database_id = "xxxx-xxxx-xxxx"

# 3. R2 存储池绑定(适合存放图片或大型静态文件)
[[r2_buckets]]
binding = "BUCKET"
bucket_name = "my-assets"

# 4. 定时任务(自动化采集必备)
[triggers]
crons = ["*/30 * * * *"]  # 每 30 分钟运行一次

开发与调试流程

本地模拟(Local-First)

1
2
# 开启本地 D1 模拟并持久化数据到 .wrangler 文件夹
npx wrangler dev --local --persist
  • b 键可在默认浏览器中自动打开预览链接;
  • x 键可停止本地服务器。

线上追踪(Remote Tail)

1
npx wrangler tail

实时输出线上节点的 console.log 与异常信息,帮助快速定位 500 等生产错误。

资源管理

D1 数据库操作

  • 执行 SQL 文件:
1
npx wrangler d1 execute <db_name> --file=./schema.sql
  • 导出数据:
1
npx wrangler d1 export <db_name> --remote --output=./backup.sql

KV 键值对操作

  • 快速写入:
1
npx wrangler kv:key put --binding=MY_KV "key" "value"
  • 批量上传:适合一次性将大量资源配置推送到边缘。

安全与权限优化

交互式密钥设置

1
npx wrangler secret put SECRET_TOKEN

运行后会提示输入值,Wrangler 将在 Cloudflare 侧加密存储,可通过 env.SECRET_TOKEN 在代码中安全读取。

高级自动化场景

工作流示例

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
name: Deploy Worker
on: [push]

jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - name: Deploy
        uses: cloudflare/wrangler-action@v3
        with:
          apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}

配合 GitHub 仓库的 Secrets,实现「推送即上线」的完整 CI/CD 流程。

避坑指南(Windows 11 专供)

  • 路径长度:将项目放在根目录较浅的路径(如 D:\Code\Project),避免 node_modules 超出 Windows 长度限制;
  • 端口冲突:默认 8787 被占用时,使用 npx wrangler dev --port 9000 替换端口;
  • 脚本执行策略:PowerShell 报错时执行以下命令以允许运行脚本:
1
Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser

更新日志

  • 2026-05-07:统一标题层级、优化段落间距、统一列表与标点、补充引言段落、添加更新日志。
原文链接: https://www.17you.com/programming/wrangler-cloudflare-workers/ 已复制!
编程和技术

寻找技术支持帮助和技术合伙人一起搞事。

请点击联系我


相关内容