建立自己的服务状态页

国庆最后两天使用 UptimeRobot 提供的 API 建立自己的公开服务状态页，结果不少人问我怎么做的……那就勉强写个辣鸡教程吧，你们凑合看╮(╯▽╰)╭

准备帐号

在 UptimeRobot 创建一个帐号，一个帐号可以添加 50 个免费监控项目，对于一般人来说都足够使用了。

创建好了之后添加监控项目，然后在 My Settings 里找到 Public Status Pages ，创建一个 For all the monitors 的 Pages （当然你愿意一个个选我也不介意），填写自定义 URL~~，然后把填写的域名 CNAME 到 stats.uptimerobot.com. ，完成！~~（雾，这样就可以用官方的页面的，但是对于我这种 HSTS Preload 用户来说显然不行）

准备文件

~~使用网站采集工具对~~ UptimeRobot 分配给你的 Standard URL （类似 https://stats.uptimerobot.com/Elw4jFLZ 这种）~~进行采集，自行修改各个样式表，js，进行本地化……~~ 好了好了我承认我已经给你们打包好了，别打我，哎呦……

本文中涉及的代码目前由 NeverBehave 继续维护（我大概也会偶尔插一脚），使用他的方案设置和本文有所不同，详情请参见 Github。

本文所述方案代码不再提供下载。

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

JavaScript

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);

同样的方法修改 index.php 中第 3 行，第 44 行，第 62 行（对其实第 44 行可以自动赋值的但是我懒不想改 23333）

设置 NGINX

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

nginx

location / {
    try_files $uri $uri/ /index.php?uri=$uri&amp;$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 http://stats.uptimerobot.com;
    }</code></pre>