搭建基于UptimeRobot接口的站点监测网站
林墨白
撰写于 2023年 12月 25 日

什么是UptimeRobot

王子公主请看以前的文章

开始

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

搭建顺序

我们这里使用的是由白雾茫茫基于UptimeRobot编写的源码:

baiwumm/website-status
2 更新于2024-05-16 09:05:11

  1. 我们进入Github项目,然后下载项目源码
  2. 改写.env文件
    Screenshot_2023_1225_081225.png
    第7、8行里的VITE_API_KEY一定要改成自己UptimeRobot账号里的Read-Only API Key(不改就是监测作者的网站)
    Screenshot_2023_1225_081544.png
    Screenshot_2023_1225_082119.png
  3. 将打包后的文件上传至网站空间或者直接使用 Vercel 或者 Cloudflare 直接部署该项目

构建项目

你下载的源码,不可以直接上传到空间里,需要自行构建打包项目。然后才可以上传到空间使用PHP进行建站
不会构建打包的话,可以百度。实在不行的话,可以把.env文件修改后通过邮箱(lmb@lmb520.cn)发给我并在本文评论一下发送邮箱(不然我怕看不到)

  1. 安装环境(不可以跳过)

    # 若没有 pnpm
    npm install pnpm -g
    # 安装依赖
    pnpm install
  2. 进行开发(可以跳过这一步)

    pnpm dev
  3. 最后打包(不可以跳过)

    pnpm build
  4. 最后构建成功的源码会在dist文件夹,然后上传到空间上就可以了
    Screenshot_2023_1225_083733.png

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

温馨提示:

本文最后更新于2024年05月06日,已超过41天没有更新,若内容或图片失效,请留言反馈。

什么是UptimeRobot

王子公主请看以前的文章

开始

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

搭建顺序

我们这里使用的是由白雾茫茫基于UptimeRobot编写的源码:

baiwumm/website-status
2 更新于2024-05-16 09:05:11

  1. 我们进入Github项目,然后下载项目源码
  2. 改写.env文件
    Screenshot_2023_1225_081225.png
    第7、8行里的VITE_API_KEY一定要改成自己UptimeRobot账号里的Read-Only API Key(不改就是监测作者的网站)
    Screenshot_2023_1225_081544.png
    Screenshot_2023_1225_082119.png
  3. 将打包后的文件上传至网站空间或者直接使用 Vercel 或者 Cloudflare 直接部署该项目

构建项目

你下载的源码,不可以直接上传到空间里,需要自行构建打包项目。然后才可以上传到空间使用PHP进行建站
不会构建打包的话,可以百度。实在不行的话,可以把.env文件修改后通过邮箱(lmb@lmb520.cn)发给我并在本文评论一下发送邮箱(不然我怕看不到)

  1. 安装环境(不可以跳过)

    # 若没有 pnpm
    npm install pnpm -g
    # 安装依赖
    pnpm install
  2. 进行开发(可以跳过这一步)

    pnpm dev
  3. 最后打包(不可以跳过)

    pnpm build
  4. 最后构建成功的源码会在dist文件夹,然后上传到空间上就可以了
    Screenshot_2023_1225_083733.png


版权属于:林墨白 所有,采用《知识共享署名许可协议》进行许可,转载请注明文章来源。

本文链接: https://blog.lmb520.cn/archives/770/

那年今日
12月
25日
赞 (3)

猜您想看

评论区(2条评论)

我要评论

人机验证


Tom_zhao
LV1
  
该评论为私密评论,仅已登录者与评论双方可见
林墨白
博主
   Tom_zhao

打包好的源码已经通过lmb@lmb520.cn发送至你评论的邮箱了,请注意查收ヾ(≧∇≦*)ゝ