前言 🚀

今天闲来无事,写了一个检测Cloudflare数据中心的小网页,使用Bootstarp+Vue.JS完成
Github - Cloudflare Center Detector。

Cloudflare Center Detector 是一款网络应用程序，可自动检测并显示您所连接的 Cloudflare 数据中心。无论您是对正在使用的 Cloudflare 数据中心感到好奇，还是希望优化内容交付，该工具都能在用户友好的界面上为您提供相关信息。

Web服务喜+1

演示站点 🌐

Cloudflare Center Detector

Github 仓库

• 如果你觉得本项目还不错,请奖励我一个⭐Star,是对我莫大的鼓励
• Github - Cloudflare Center Detector。

主要功能 🔍

• 自动检测: 无需手动检查你的 Cloudflare 数据中心；这个工具会自动为你完成。
• 暗色模式: 支持切换暗黑/白天模式，也可以根据系统设置自动切换。
• 响应式设计: 该应用程序经过设计，适用于桌面和移动设备。
• 开源: 项目是完全开源的，根据 GNU General Public License v3.0 许可。

使用教程 🛠️

反代部署

• 最简单且方便的办法
• 使用nginx或任何支持反代的网页服务器反代
• https://tools.dooo.ng/ccd 或 https://wiziscool.github.io/Cloudflare-Center-Detector/
• 前者是部署在我的服务器上,三网回国优化,海外Cloudflare; 后者是Github Pages

私有部署

建立站点

• 我这里用的是宝塔面板，其他面板或者裸 nginx 自行添加即可。
• 填写你的域名，并且做好解析和 SSL 证书。
  
  • 注意这里 PHP 版本选择纯静态即可，因为此项目是一个 Vue.JS 纯前端项目，不涉及 PHP。

下载代码

• 进入到网站根目录，删除掉宝塔自动创建的文件后下载代码包
• 我的服务器是有宝塔面板，所以我这里直接使用 远程下载 功能。
• URL直链: https://github.com/WizisCool/Cloudflare-Center-Detector/archive/refs/heads/main.zip
• Github仓库: https://github.com/WizisCool/Cloudflare-Center-Detector
  

解压代码

• 安装步骤即完成。非常简单，开箱即用

预览效果

• 访问你的解析域名地址 查看预览效果。
• 到这里搭建就完成了，由于是个纯前端项目,搭建起来非常简单

总结 👍

项目非常简单,闲来无事做的,Web服务喜+1系列
使用请务必遵循GPLv3协议,不要修改底部的版权信息,开源公益制作者不易