CF-Server-Monitor突破免费额度限制以及自定义主题教程

2026年06月24日 | 分享 | 点击首评

本文是针对CF-Server-Monitor项目V2.7.4+版本的补充说明，这个版本更新后，通过配置之后允许第三方跨域请求，也就是不同域名前端页面（纯静态，可以放在任意服务器，包括不限于自己的服务器，GitHub Page，Cloudflare Page，有https环境即可）可以调用本项目的后端接口。我同步调整了前端代码，支持一个前端调用多个不同的探针接口，实现同页面显示多账号的效果，实现Workers免费额度的突破。同时前端可以完全独立，给主题爱好者实现无限的可能。

前提准备：

1.多个Cloudflare/Github账号

2.一个前端域名和可以部署静态的服务器或者GitHub Page或者Cloudflare Workers，假设这个前端域名为demo.huilang.me

教程开始

1. 部署探针

每个账号部署一个CF-Server-Monitor探针项目，参考CF-Server-Monitor安装喂饭教程

2. 设置允许跨域白名单

署成功后，在每个Workers环境变量增加允许跨域，和添加API_SECRET的方式一样，添加CORS_ALLOWED_ORIGINS，值为上面的 你自己的前端域名，比如https://demo.huilang.me(注意https开头，结尾没有/)。如需要允许被多个域名跨域使用，可以用英文逗号隔开。

3.前端调用

下载前端代码，部署到任意支持https的环境，纯静态文件。

这个前端代码其实就是这个GitHub项目src/frontend前端目录npm run build，去除install.sh等，安装脚本的产物

修改根目录下的config.json

{
  "apiBase": [
    "https://cf-server-monitor.demo1.workers.dev",
    "https://cf-server-monitor.demo2.workers.dev"
  ]
}

为你自己的探针地址即可，(注意https开头，结尾没有/)

修改完成，访问前端项目即可，演示地址:https://demo.huilang.me/

4. 注意内容

探针项目需要开启公开访问以及关闭Turnstile

 

自定义主题

可以根据GitHub项目的src/frontend二次开发，完全独立，无限可能。API接口可以参考 https://github.com/huilang-me/CF-Server-Monitor/blob/main/API.md

发布评论