Skip to content

Cloudflare Admin面向开源社区的 Cloudflare 管理控制台教程

基于 Vue 3、Ant Design Vue 与 Cloudflare Worker 构建,覆盖多账户管理、域名缓存同步、DNS 解析、认证权限和 Cloudflare 部署。

Cloudflare Admin

核心场景

多账户 + DNS

统一管理 Cloudflare 账户、域名缓存与 DNS 记录变更。

后端模型

Worker + KV

使用 Worker 作为 API 网关,KV 作为用户、会话和缓存持久化层。

开源文档

VitePress

教程站、参考文档和 README 形成配套的开源交付结构。

这个项目适合谁

如果你正在维护多个 Cloudflare 账户、需要统一管理域名与 DNS,或者希望把一个前后端分离的 Cloudflare Worker 项目以开源方式对外发布,这套项目和教程就是为你准备的。

开源使用者

希望快速部署一套可用的 Cloudflare 管理后台,直接复用现成能力。

  • 账户管理
  • 域名缓存同步
  • DNS 解析管理

二次开发者

需要理解项目结构、权限规则、KV 模型和 Worker API 组织方式。

  • 共享类型与服务层
  • 运行时 API 配置
  • 邮件与安全通知

运维与团队维护者

需要标准化部署、记录配置项,并让团队成员能快速接手维护。

  • Secrets 管理
  • Worker / Pages 分离部署
  • 文档化交接

教程读者

希望从一个真实项目中学习 Vue 3 + Worker + KV + VitePress 的完整组合。

  • 架构设计
  • 权限与认证
  • 文档站建设

你会从文档中看到什么

教程不是只讲页面怎么写,而是按真实开源项目的维护视角拆解:从启动项目、理解架构,到掌握接口、 邮件、安全和上线方式,再到如何把文档本身做成可持续维护的站点。

开源仓库地址

GitHub:https://github.com/zeroojs/cloudflare-admin.git

你可以直接克隆仓库开始本地开发,也可以通过页面右上角的语言菜单切换中文与英文文档。

Built with Vue 3, Cloudflare Worker and VitePress.