用Uptime Status免费搭建网站监控面板

介绍

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会自动颁发证书

然后就大功告成了！

最终效果演示：