{技巧}建立自己的服务状态页-转-萌一库

原文地址https://blog.lwl12.com/read/create-own-services-status-page.html

其他转载务必经过原作授权，否则为侵权行为。

=-=从一个大佬那边转过来的，某宅是感觉非常的装B什么的，能炫耀自己服务器状态信息什么的hhhhhh

准备工作

在 UptimeRobot 创建一个帐号，一个帐号可以添加 50 个免费监控项目

创建好了之后添加监控项目，然后在 My Settings 里找到 Public Status Pages ，创建一个 For all the monitors 的 Pages （当然你愿意一个个选我也不介意），填写自定义 URL，然后把填写的域名 CNAME 到 stats.uptimerobot.com. ，完成！

准备文件

使用网站采集工具对 UptimeRobot 分配给你的 Standard URL （类似 https://stats.uptimerobot.com/Elw4jFLZ 这种）进行采集，自行修改各个样式表，js，进行本地化…… （原作已打包）

修改下载好的文件中第 33 行 var pageID = 为 Standard URL 域名后面那一串 ID

[codee]

var pageID = ‘Elw4jFLZ’; //修改 Elw4jFLZ 为你自己的那一段 ID

var noPrefix = ‘false’ === ‘true’; var pageNumber = parseInt(‘1’, 10);

var sortType = parseInt(‘1’, 10);

(function noop() {})(pageID, noPrefix, pageNumber, sortType);

[/codee]

同样的方法修改 index.php 中第 3 行，第 44 行

设置 NGINX

向你的 NGINX  对应状态页的 conf 文件里加入以下内容

[codee]
location / {
try_files $uri $uri/ /index.php?uri=$uri&$args;
}
location ^~ /api/ {
valid_referers *.lwl12.com; #防止别人盗用你的反代，把这里改成你自己的域名即可
if ($invalid_referer) {
return 403;
}
proxy_redirect off;
proxy_set_header Host “stats.uptimerobot.com”;
proxy_set_header referer $http_referer;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_pass https://stats.uptimerobot.com;
}[/codee]

添加监控项

在 UptimeRobot 后台添加监控项时 Friendly Name 需要遵循一定格式，格式为：项目名/分组名/分组顺序 （如果不懂这都对应了啥就去我的监控站比比看，原始名称，我魔改的监控页自动生成后的名称） 需要注意的是分组顺序从 0 （最前）开始

最后

装逼页面完工=-=

有什么问题就到LWL的自由天空提问吧