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 构建
主题 StackJimmy 设计