基于UptimeRobot API开源颜值高的服务器监控源码

一般我们到年底的时候就需要整理电脑中的一些备份文档，是否有一些当初随笔记录下来的工具、源码准备发布到网站中备忘的。这里在周末的时候有看到之前一直想有搭建一个服务器监控站点，一来是希望看看长期关注的一些服务商/机房的稳定性情况，便于日后选择的时候参考。

这里老蒋先分享这款基于UptimeRobot国外监控站点的API，由国人站长美化的前端，做的这款源码，而且是非常简单只需要简单的配置API到JS文件中即可丢到网站或者对象存储中即可运行。如果我们也有需要安装的看看是否颜值是你喜欢的。

这个界面还是不错的，可以检测到最近60天的在线率情况。我们看看源码以及安装方法。

1、源码地址

https://github.com/yb/uptime-status

2、安装方法

我们需要到uptimerobot.com申请账户，以及添加监控的网站或者IP地址。完毕之后，我们需要申请API。

这里我们申请到uptimerobot账户之后，且添加需要监控对象。在My Setting中看到上图的[Monitor-Specific API Keys]，点击[Show/hide it]然后找到我们添加的目标后生成密钥KEY。将KEY密钥添加到config.js对应的位置。

配置完毕之后，我们丢到可运行网站HTML的地方都可以执行。这里需要注意的，如果我们需要添加其他监控目标的话，要效仿上面一样添加对应目标的KEY文件。

就这么简单，我们是不是也可以制作一个自定义独立的站点和服务器监控，且无需数据库支持。且UptimeRobot有支持免费50个监控目标支持。