介绍

Uptime Status是一个基于Uptime Robot的api开发的网站监控面板。

Uptime Robot 是国外知名的服务器及网站应用服务器在线率监控工具,支持监控 HTTP(S)、Ping、端口、关键词以及查看监控 服务器 / 网站 的正常运行时间、停机时间和响应时间,支持邮件提醒。

实现:Uptime Status+vercel+Uptime Robot

演示站:https://status.imsyy.top

注册UptimeRobot

打开UptimeRobot的官网,点击Register for FREE(如果你有账号直接登录即可)

设置监测网站

注册好后来到首页,添加要监测的网站

选择HTTP(s),可选E-mail宕机提醒

设置Uptime Robot API

添加好1个/多个监测网站后,开始设置API

鼠标移动到你的账号-点击My Settings

划到下面,找到Read-Only API Key,然后点击Create the read-only API key

创建好后,复制API key,记录下来,等会儿会用

准备网站

打开这个Github开源项目https://github.com/imsyy/site-status(如果没有Github账号,就注册一个)

Fork,然后创建一个仓库(如果你介意隐私,你可以自行创建一个私有仓库)

创建好后,点击.env这个文件

修改成自己的信息

修改好后,提交代码

部署项目

打开vercel注册一个账号(如果已有账号,登录即可)

然后再绑定下手机号即可完成注册

注册好后,来到主页面,点击Add New Projiect

导入刚才创建的仓库,点import

点击Deploy开始构建

等待构建完成

到此已经搭建完成了,但是由于vercel默认分发的域名无法访问,我需要绑定自己的域名

点击Continue to Dashboard进入网站管理

Setting进行下一步设置

然后找到Domains

然后绑定你自己的域名(如果没有可自行购买域名/找免费的二级域名)

然后按要求解析TXT或cname即可

(注意:vercel会自动颁发证书)

然后就大功告成了!

最终效果演示: