用Uptime Status免费搭建网站监控面板
介绍
Uptime Status是一个基于Uptime Robot的api开发的网站监控面板。
Uptime Robot 是国外知名的服务器及网站应用服务器在线率监控工具,支持监控 HTTP(S)、Ping、端口、关键词以及查看监控 服务器 / 网站 的正常运行时间、停机时间和响应时间,支持邮件提醒。
实现:Uptime Status+vercel+Uptime Robot
注册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会自动颁发证书
然后就大功告成了!
最终效果演示: