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

林墨白
129 0

本文共计894个字,预计阅读时长3.6分钟。

目录

什么是 UptimeRobot

王子公主请看以前的文章:https://moe.one/thread-387.htm

开始

上次介绍了通过 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 文件第 7、8 行里的 VITE_API_KEY 一定要改成自己 UptimeRobot 账号里的 Read-Only API Key(不改就是监测作者的网站)
  3. 将打包后的文件上传至网站空间或者直接使用 Vercel 或者 Cloudflare 直接部署该项目

构建项目

你下载的源码,不可以直接上传到空间里,需要自行构建打包项目。然后才可以上传到空间使用 PHP 进行建站

不会构建打包的话,可以百度。实在不行的话,可以把.env 文件修改后通过邮箱([email protected])发给我并在林墨白的博客原文评论一下发送邮箱(不然我怕看不到)

  1. 安装环境(不可以跳过)
    # 若没有 pnpm
    npm install pnpm -g
    # 安装依赖
    pnpm install​
  2. 进行开发(可以跳过这一步)
    pnpm dev​
  3. 最后打包(不可以跳过)
    pnpm build​
  4. 最后构建成功的源码会在 dist 文件夹,然后上传到空间上就可以了

原文链接在这里

原文链接🔗

林墨白的博客:https://blog.lmb520.cn/archives/770/

沉墨满纸,一笑若白。 小破站:www.lmb520.cn
最新回复 ( 0 )