Agent Skills
返回列表
💻

Cloudflare Worker 脚手架

开发编程 更新于 2026.08.30

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md 的官方安装指南,将 @kunlungrowth/cloudflare-worker-builder 安装到你的 AI 助手中。

技能介绍

为什么要关注 Worker 脚手架

Cloudflare Worker 开发常卡在几个高频坑里:export default { fetch: app.fetch } 会触发 Cannot read properties of undefined,SPA 静态资源回退会把 /api/* 请求拦截成 index.html,Wrangler 4.45+ 首次部署前没显式指定绑定名称导致资源名随机,Vite 配置漏设 main 字段让开发服务器找不到入口。手动搭一套含 Hono 路由、Vite 调试和静态资源回退的壳子,往往要反复对照官方文档踩坑。

技能如何帮你搭好 Worker 外壳

它会以「Worker 脚手架工程师」角色接手,按四步走:

  1. 理清需求:先问应用是纯 API、SPA+API 还是落地页,数据存储选 D1/R2/KV 还是无,要不要鉴权框架,用自定义域名还是 workers.dev 子域——一句「带 D1 的待办应用」就能开工。
  2. 搭建项目骨架:用 npm create cloudflare@latest 生成 TypeScript 骨架,再定制 wrangler.jsonc、vite.config.ts、src/index.ts(含 Hono 路由和静态资源回退)等文件,装好 hono、@cloudflare/vite-plugin 等依赖。
  3. 按需配绑定:在 wrangler.jsonc 加 d1_databases、r2_buckets、kv_namespaces 绑定,静态资源用 assets 配 directory、binding 和 not_found_handling: single-page-application。
  4. 跑通调试与部署:npm run dev 本地起服务(http://localhost:8787),wrangler deploy 推生产。

关键模式里还标注了正确导出语法(export default app)、SPA 回退要加 run_worker_first: ["/api/*"]、Vite 要导入 @cloudflare/vite-plugin 的 cloudflare 方法等细节,避免你重复踩坑。

适用边界要记清

它产出的是可部署的 Worker 外壳,不会帮你写业务逻辑——需要全栈模板(含鉴权、数据库迁移等)得用 vite-flare-starter;定时任务要切到显式 export default { fetch: app.fetch, scheduled: ... } 形式,别用默认的 export default app。

使用场景

  • 准备新项目时,需要快速生成包含 Hono 路由和 Vite 开发服务器的 Cloudflare Worker 骨架。
  • 遇到 SPA 回退配置问题,API 请求被拦截返回 index.html,需设置 run_worker_first 修复。
  • 在部署前配置 Worker 项目,需要显式声明 D1 或 R2 绑定名称以免资源随机化。
  • 编写定时任务逻辑时,需调整默认导出语法以适配 scheduled 事件触发。

适合人员

  • 关注边缘计算的后端工程师,希望用 TypeScript 快速在 Cloudflare 上部署无服务器函数。
  • 负责轻量级全栈开发的独立开发者,需要一个自带调试工具和静态托管的 Worker 项目模板。
  • 经常遇到部署报错的前端开发者,需要一份清晰的导出语法和绑定配置避坑指南。