一个漂亮的 UptimeRobot监控面板

先上演示站点:
https://ibloger.cn/jk

效果图:

@Mr. 大佬做的

这两天做了一点改进:

  • 支持 Read-Only Api Key 了,也就是一个 key 包含了多个站点的那种,减少请求数,缺点是你账号下的所有网站都会被显示出来;

  • 当然,单个网站的 Monitor-Specific Api Key 依旧支持;

  • 完善了每天状态的显示方式,改成 tooltip 模式了;

开源地址:https://github.com/yb/uptime-status

前期准备:

1、宝塔面板安装pm2管理器即可。

2、注册uptimeRobot 获取API。 注册网址:https://uptimerobot.com/

食用方法:

  1. 下载或 clone 代码;① git clone https://github.com/yb/uptime-status

  2. 第一次下载之后先执行 npm i 安装依赖;②cd uptime-status  然后执行npm i

  3. 改 src/config.js 中的 apikeys; 接下来:③cd src   vim config.js  将apikeys修改成你自己的

  4. 执行 npm run build 打包; ④返回上一层  cd ..   在输入命令npm run build

  5. 把 build 目录下的静态文件随便找个地方扔就完事了; ⑤最后,可以把build下的静态文件放到虚拟主机上都可以,注意文件路径。  

原文链接:https://www.hostloc.com/thread-658135-1-1.html

简易方法来了:

最简单的食用方式:
1. 下载最新版 https://github.com/yb/uptime-status/releases/latest
2. 解压缩压缩包;
3. 打开 index.html
4. 修改你的 apikey 和其它配置(已经做了注释,去掉了代码压缩)
5. 完事!

不需要PHP!不需要nodejs!不需要宝塔!只需要一个支持html的纯静态空间都可以!
包括又拍云!OSS!七牛!啥都行!什么 worker 什么乱七八糟的都可以!

© 版权声明
THE END
点赞0赞赏
分享
评论 抢沙发