开源、自托管、凭据零上链的 Cloudflare 全功能管理面板。
这是一个开源、自托管的 Cloudflare 全功能管理面板。市面上某些闭源第三方面板会把用户 Cloudflare 凭据发往它自己的服务器、明文存本地、还设授权码门槛——本项目从根上解决这些信任问题。
| 分组 | 模块 | 能力 |
|---|---|---|
| 概览 | 概览 | 账号信息、域名数、快捷入口、分析统计（GraphQL Analytics + recharts 请求趋势/Top 国家） |
| 域名与加速 | 域名管理 | Zone 列表、添加域名（含 NS 提示）、删除 |
| 域名详情 | NS/plan、DNS 记录、缓存清除/开发模式、配置预设、安全规则（边缘证书/WAF/IP 访问规则/Page Rules）、概览 | |
| DNS 记录 | CRUD、A/AAAA/CNAME/TXT/MX/NS 等、多 IP 拆分、小黄云代理、批量 JSON 导入 | |
| 一键加速 | 向导式部署 Worker + CNAME、已加速域名识别与管理 | |
| SaaS优选 | Cloudflare for SaaS、custom hostname 接入、回退源、访问域名加速 | |
| Workers 与计算 | Workers | 脚本列表/编辑/部署、路由、自定义域、workers.dev 子域开关 |
| KV 存储 | Namespace/Key 增删改查、值查看（text/json） | |
| D1 数据库 | SQL 控制台、表结构、多语句结果 | |
| 存储 | R2 存储 | Bucket 管理、对象上传/下载/删除 |
| 部署 | Pages | 项目列表、部署记录 |
| Zero Trust | Tunnel | 列表、创建（含 token）、连接查看、ingress 规则可视化编辑（端口路由） |
| 工具 | 工具箱 | CF IP 列表、DNS 查询、HTTP 头检测、UUID/Base64/时间戳转换 |
| 设置 | 多账号管理、凭据安全说明、主题、关于 |
- 前端：Vue 3.5 +
<script setup>+ TypeScript + Vite 8 - UI：shadcn-vue（Radix/reka-ui 原语 + Tailwind CSS v4 + cva + tailwind-merge）+ lucide-vue-next 图标
- 状态：Pinia + VueUse
- 路由：Vue Router 4
- 后端：Cloudflare Pages Functions（同源透传代理，零存储）
- 部署：Cloudflare Pages 静态托管
浏览器 ──(凭据随请求头)──> 同源 /api/cf/* ──> Pages Function(纯透传) ──> api.cloudflare.com
↑
└── 凭据只存 localStorage，永不上链、永不落盘
- 认证支持两种：Global API Key（邮箱 + Key）与 API Token（Bearer，推荐用最小权限）。
- Pages Function 不解析、不存储、不记录任何凭据或响应体，仅做请求/响应转发。
- 代码全开源，你可以自行审计、自行部署到自己 Cloudflare 账号。
推荐使用 API Token 而非 Global API Key，并赋予最小所需权限，进一步降低风险。
本项目的「一键加速」与「SaaS 优选」功能会部署回源 Worker / 配置 Cloudflare for SaaS 回退源，本质是为你自己拥有合法权限的源站做边缘加速。请务必合规使用：
- 仅用于自有或已获授权的源站。不得用于为赌博、钓鱼、诈骗、侵权、色情等违法或违规站点提供加速、隐匿源站或规避溯源。
- 不得利用优选域名 / SaaS custom hostname 规避 Cloudflare 的滥用检测与封禁。本功能基于 Cloudflare 服务，须遵守 Cloudflare 自我服务订阅协议 与可接受使用政策（AUP）。
- 加速的访问域名、回源域名、源站内容由部署者自负其责。因滥用导致的账号封禁、服务终止、法律责任，与本项目作者无关。
- 一旦发现被用于违法用途，请立即停止使用并清除相关配置（Worker 脚本、custom hostname、回退源、DNS 记录）。
本项目仅提供技术工具，不提供、不运营任何优选节点或 CDN 服务，不对使用者的源站内容进行审查。请在法律与各服务商政策允许的范围内使用。
pnpm install
pnpm dev打开 http://localhost:5173 输入 Cloudflare 邮箱 + Global API Key（或 API Token）即可。
本地开发时 /api/cf/* 由 Vite dev server 代理透传到 api.cloudflare.com（见 vite.config.ts），无需部署 Functions。
- Fork 本仓库到你的 GitHub。
- 进入 Cloudflare Dashboard → Workers & Pages → Create → Pages → Connect to Git，选择你的 fork。
- 构建配置：
- Framework preset：None（或 Vite）
- Build command：
pnpm build - Build output directory：
dist - Root directory：
/
- 环境变量：
NODE_VERSION=20（或更高） - Deploy。
functions/api/cf/[[catchall]].ts会自动作为 Pages Functions 生效，提供同源透传。 - 部署完成后用
https://<你的项目>.pages.dev访问，输入你自己的 CF 凭据。
也可用
wrangler pages deploy dist命令行部署。
pnpm build
npx wrangler pages dev dist├── functions/api/cf/[[catchall]].ts # Pages Functions 同源透传代理（生产）
├── src/
│ ├── api/ # CF API client + 各模块 API 封装
│ ├── components/ui/ # shadcn-vue 组件
│ ├── components/dns/ # 业务组件
│ ├── composables/ # useTheme 等
│ ├── layouts/ # DashboardLayout 侧边栏布局
│ ├── router/ # 路由 + 菜单元数据
│ ├── stores/ # Pinia auth store（多账号 + 凭据）
│ ├── styles/ # Tailwind v4 + 主题变量
│ ├── types/ # Cloudflare API 类型
│ └── views/ # 16 个功能模块视图
└── vite.config.ts # 含本地 /api/cf 代理
- 凭据本地 AES-GCM 加密（设备指纹派生密钥）
- Workers 脚本 CodeMirror 编辑器（语法高亮）
- D1 表数据浏览（分页/筛选）
- Analytics 图表库化（recharts）
- i18n 国际化
- PWA 离线支持
pnpm dev # 启动开发服务器
pnpm build # 类型检查 + 生产构建
pnpm preview # 预览构建产物