可能大家都见过某些网站会有一个监控页面，主要是监视它站点的机房的稳定性以及可用性，今天上手体验这个感觉还不错的站点监控源码。

1 申请账号

源码基于UptimeRobot的API接口进行实现，所以我们要拥有一个账号，才可以进行下面步骤

进入 官网 进行注册

li9o9n3v.png

添加监控的网站或者 IP 地址，免费版可以监控 50 个站点

li9oe19g.png

在设置里，申请 APIKEY ,推荐使用 Read-Only API Key 不用每个网站都单独申请

li9ofwq3.png

2 下载源码

来自 github 的开源项目，拥有上千 Star，界面什么的都直接写好了，我们只需简单修改配置就可以完成，零代码的小白也会操作。

二开
https://github.com/mengkong6/uptime-status

Fork来源
https://github.com/yb/uptime-status

li9ohtm0.png

因为 github 上面的代码未经过编译的源码，无法直接运行，可以下载编译后的代码包

li9oiec3.png

3 修改配置

在源码里面找到文件「config.js」按照实际情况进行填写，主要是把你申请的 API key 替换掉，搞定后保存

li9ojdp1.png

4 上线发布

在你的服务器上新建一个站点，将第 3 步修改后的代码，上传到服务器，效果如图所示，就是成功了

li9ol88f.png

只不过你是新站点，数据没有这么多，一天天的累计，绿色的小点点也就多啦！

最后修改：2023 年 05 月 30 日
© 允许规范转载
如果觉得我的文章对你有用，请随意赞赏o(*￣▽￣*)ブ