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

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

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

这个界面还是不错的，可以检测到最近60天的在线率情况。

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

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

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

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