Featured image of post 用Uptime Status免费搭建网站监控面板

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

利用 Uptime Status 和 Vercel 搭建一个免费的网站监控面板

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

介绍

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

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

实现:Uptime Status+vercel+Uptime Robot

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

image-20230822181439531​

注册UptimeRobot

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

image-20230822161721980​

image-20230822162947894​

设置监测网站

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

image-20230822163700558​

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

image-20230822165233838​

设置Uptime Robot API

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

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

image-20230822170509765​

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

image-20230822170854337​

image-20230822170914582​

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

image-20230822170854337​

准备网站

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

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

image-20230822171900768​

image-20230822172007354​

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

image-20230822172248356​

image-20230822172334732​

修改成自己的信息

image-20230822174004490​

image-20230822173136384​

修改好后,提交代码

image-20230822174159630​

部署项目

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

image-20230822174608572​

image-20230822174634377​

image-20230822174650862​

image-20230822174715438​

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

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

image-20230822175044075​

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

image-20230822175338183​

‍

点击Deploy​开始构建

image-20230822175508531​

等待构建完成

image-20230822175856558​

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

点击Continue to Dashboard​进入网站管理

点Setting​进行下一步设置

image-20230822180345592​

然后找到Domains​

image-20230822180505962​

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

image-20230822180628325​

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

image-20230822180917242​

注意:vercel会自动颁发证书

然后就大功告成了!

最终效果演示:image-20230822181218059​

Licensed under CC BY-NC-SA 4.0
陇ICP备2023000020号-3
使用 Hugo 构建
主题 Stack 由 Jimmy 设计