项目简介

这是一个简洁高效的域名可视化展示面板。提供了直观的界面，让用户能够一目了然地查看他们的域名组合，包括各个域名的状态、注册商、注册日期、过期日期和使用进度。

🚀 部署方式选择

本项目提供三种部署方案，请根据您的需求选择：

方案一：Cloudflare Workers 部署（推荐新手）

• ✅ 部署简单：无需服务器，几分钟完成部署
• ✅ 免费使用：利用 Cloudflare 免费额度
• ✅ 稳定可靠：基于 Cloudflare 全球网络
• ❌ 功能受限：受 Workers 环境限制
• 📍 适合场景：个人使用、快速上线、不需要复杂功能

方案二：前后端分离自托管（推荐进阶）

• ✅ 功能完整：现代化 Web 应用，功能丰富
• ✅ 完全控制：可自定义扩展，数据完全可控
• ✅ 现代技术：Vue.js + Node.js 架构
• ❌ 需要服务器：需要自己的服务器或 VPS
• 📍 适合场景：企业使用、功能要求高、有服务器资源

方案三：混合部署

• 使用 Cloudflare Workers 作为前端
• 自建服务器提供 API 服务
• 获得两者优势

---

📖 详细部署指南

🌥️ Cloudflare Workers 版本（本文档）

继续阅读本文档，了解 Workers 版本的部署方法

🏗️ 前后端分离版本

查看 self-hosted/README.md 了解自托管部署方法

---

主要特性

初级版本

• 清晰展示域名列表及其关键信息：域名状态、注册商、注册日期和过期日期
• 可视化呈现域名使用进度条
• 自动计算并显示域名剩余有效天数
• 响应式设计，完美适配桌面和移动设备
• 轻量级实现，快速加载
• 支持输入自定义域名

高级版本

• 清晰展示域名列表及其关键信息：域名状态、注册商、注册日期、过期日期和剩余天数
• 可视化呈现域名使用进度条
• 自动计算并显示域名剩余有效天数
• 响应式设计，完美适配桌面和移动设备
• 轻量级实现，快速加载
• UI进一步美化，风格统一
• 前台和后台分离，支持密码保护
• 通过 Cloudflare API 自动获取域名列表
• 集成自建 WHOIS 代理服务，自动获取顶级域名信息、二级域名的注册日期
• 支持手动编辑二级域名信息
• 支持输入自定义域名

技术实现

• 前端：HTML5, CSS3, JavaScript
• 后端：Cloudflare Workers, KV 存储
• API 集成：Cloudflare API, 自建 WHOIS 代理服务

个性化部分

• 可修改 CUSTOM_TITLE 变量来自定义面板标题
• 可以绑定自定义域名到 Worker，以提高访问稳定性

🌥️ Cloudflare Workers 部署方案

DomainKeeper - 初级版本，只能自定义输入，更灵活，但不高效，适用于少数域名

快速部署

• 登录您的Cloudflare账户
• 创建新的Worker
• 将 index.js 的内容复制到Worker编辑器，编辑 DOMAINS 数组，添加您的域名信息：

const DOMAINS = [
  { domain: "example.com", registrationDate: "2022-01-01", expirationDate: "2027-01-01", system: "Cloudflare" },
  // 添加更多域名...
];

• 保存并部署

demo

demo.0o11.com

DomainKeeper - 高级版本，集成cloudflare的域名信息获取和whois查询功能，大大提升了域名管理的效率和便捷性

快速部署

1. 登录您的 Cloudflare 账户
2. 创建新的 Worker
3. 将domainkeeper.js脚本内容复制到 Worker 编辑器
4. 在脚本顶部配置以下变量：

   const CF_API_KEY = "your_cloudflare_api_key";
   const WHOIS_PROXY_URL = "your_whois_proxy_url";
   const ACCESS_PASSWORD = "your_frontend_password";
   const ADMIN_PASSWORD = "your_backend_password";

CF_API_KEY的获取方式： 登录自己的cloudflare账号，打开https://dash.cloudflare.com/profile 点击API令牌，创建令牌，读取所有资源-使用模板，继续以显示摘要，创建令牌，复制此令牌，保存到记事本，之后不会再显示！

WHOIS_PROXY_URL的获取方式：需要你自建，详见whois-proxy。注意，whois-proxy用于本脚本必须绑定域名，不能用IP！假如你的api请求地址是http(s)://你的域名/whois 那么WHOIS_PROXY_URL你只需要填入http(s)://你的域名。

前台密码按需设置，后台密码必须设置。

5. 创建一个 KV 命名空间，命名为DOMAIN_INFO，并将其绑定到 Worker，绑定名称为 DOMAIN_INFO

6. 保存并部署

demo

https://dm.0o11.com/

🔄 版本对比

功能特性	Workers 初级版	Workers 高级版	前后端分离版
部署难度	⭐ 极简单	⭐⭐ 简单	⭐⭐⭐ 中等
功能丰富度	⭐⭐ 基础	⭐⭐⭐ 较好	⭐⭐⭐⭐⭐ 完整
界面美观度	⭐⭐⭐ 良好	⭐⭐⭐⭐ 很好	⭐⭐⭐⭐⭐ 现代化
扩展性	❌ 有限	❌ 有限	✅ 完全可扩展
成本	💰 免费	💰 免费	💰💰 需服务器
数据控制	❌ 依赖CF	❌ 依赖CF	✅ 完全控制
API接口	❌ 无	❌ 无	✅ RESTful API
移动端适配	✅ 响应式	✅ 响应式	✅ 完美适配

选择建议：

• 🔰 新手用户：选择 Workers 初级版，简单快速
• 🚀 进阶用户：选择 Workers 高级版，功能更丰富
• 🏢 企业用户：选择前后端分离版，功能完整可扩展

其他

贡献指南

欢迎通过Issue和Pull Request参与项目改进。如有重大变更，请先提Issue讨论。

开源协议

本项目采用 MIT 许可证

Star History

交流TG群：

https://t.me/+ydvXl1_OBBBiZWM1

支持作者

非常感谢您对 domainkeeper 项目的兴趣！维护开源项目确实需要大量时间和精力投入。若您认为这个项目为您带来了价值，希望您能考虑给予一些支持，哪怕只是一杯咖啡的费用。 您的慷慨相助将激励我继续完善这个项目，使其更加实用。它还能让我更专心地参与开源社区的工作。如果您愿意提供赞助，可通过下列渠道：

• 给该项目点赞
• 关注我的 Github

微信	支付宝