搭建基于UptimeRobot接口的站点监测网站

本文详细介绍了如何通过UptimeRobot免费监控网站状态,并提供了使用白雾茫茫的源码进行个性化搭建的方法,包括修改API密钥、构建项目和安装环境等步骤。
摘要由CSDN通过智能技术生成

什么是UptimeRobot

【通过UptimeRobot免费监控网站状态并使用邮箱+APP进行通知】http://t.csdnimg.cn/MlbYg

开始

上次介绍了通过UptimeRobot免费监测网站状态并使用邮箱+APP进行通知,有没有一种可能假如手机突然掉了,然后就……刚好想看一下自己的网站还在没在正常运行呢
这是我搭建的:https://status.lmb520.cn/
这是原作者搭建的:https://status.baiwumm.com/
这是一位邻居搭建的:https://lzh.xgr.cab/

搭建顺序

我们这里使用的是由白雾茫茫基于UptimeRobot编写的源码:https://github.com/baiwumm/website-status

  1. 我们进入Github项目,然后下载项目源码
  2. 改写.env文件Screenshot_2023_1225_081225.png第7、8行里的VITE_API_KEY一定要改成自己UptimeRobot账号里的Read-Only API Key(不改就是监测作者的网站)Screenshot_2023_1225_081544.pngScreenshot_2023_1225_082119.png
  3. 将打包后的文件上传至网站空间或者直接使用 Vercel 或者 Cloudflare 直接部署该项目## 构建项目你下载的源码,不可以直接上传到空间里,需要自行构建打包项目。然后才可以上传到空间使用PHP进行建站不会构建打包的话,可以百度。实在不行的话,可以把.env文件修改后通过邮箱(lmb@lmb520.cn)发给我并在林墨白的博客评论一下发送邮箱(不然我怕看不到)
  4. 安装环境(不可以跳过)JAVA# 若没有 pnpmnpm install pnpm -g# 安装依赖pnpm install
  5. 进行开发(可以跳过这一步)JAVApnpm dev
  6. 最后打包(不可以跳过)JAVApnpm build
  7. 最后构建成功的源码会在dist文件夹,然后上传到空间上就可以了Screenshot_2023_1225_083733.png

原文链接在这里

原文链接🔗
林墨白的博客:https://blog.lmb520.cn/

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值