TypechoJoeTheme

Roookie博客 | 记录 · 收纳 · 分享

统计
登录
用户名
密码

知识分子没文化

咸鱼不动一动,怎么知道会不会翻到另一个锅里呢

免费的网站运行状态监控工具——UptimeRobot

2021-04-05
/
0 评论
/
219 阅读
/
正在检测是否收录...
04/05

目录:

前言

这是我的网站运行状态的链接:https://monitor.langp.wang

UptimeRobot是国外的一个网站监控服务,提供了免费和付费的版本,免费版的服务对于我的个人网站来说已经足够,所以就不考虑付费了(白嫖怪嘤嘤嘤)。

关于查看运行状态的方式,在UptimeRobot网站可以查看网站的监控状态,但是配置起来还挺麻烦的,访问速度也不快。因此本篇不使用这种方式,而是基于官方提供的api,在本地搭建一个页面来显示网站的运行状态。

要用到的是github上一位大神写的基于UptimeRobot API的在线监控面板。放上项目的github地址:https://github.com/yb/uptime-status/, 先把这个项目clone拉取到本地。

一、将网站添加到监控列表

进入UptimeRobot官网,使用邮箱注册一个账号

之后登陆,点击“Go to Dashboard”,进入监控仪表盘

点击左上角“Add New Monitor”。按照如下设置给自己的网站添加监控:

二、获取监控网站的api

在仪表盘界面点击“My Setting”:

往下找到“Read-only API Key”选项,点击最后一行的“Create the read-only API key”,创建一个API key,然后复制下这个API,后面会用到这个API key。

三、修改项目文件

打开刚才从github上拉取下来的项目文件夹,我们要修改其中的“config.js”这个文件,只需要修改“SiteName”、“SiteUrl”、“ApiKeys”这三项,,前两项就是网站名和网站链接,第三项改成上一步复制的Api Keys,最后还有一个项是“Navi”,是指页面右上角的导航栏菜单项,改不改都行,不影响前面的显示。这个具体的修改细则作者已经在注释中说的很详细了。

整个修改完之后别忘了保存,然后打开 “index.html”,就能看到网站的监控状态了,大概是这样:

接下来把整个项目文件扔到网站的目录下,就算是大功告成了。

建站
朗读
赞 · 0
版权属于:

Roookie博客 | 记录 · 收纳 · 分享

本文链接:

https://www.langp.wang/archives/148/(转载时请注明本文出处及文章链接)

评论 (0)
知识分子没文化
没有人永远躲在童年捉迷藏,每个人都被扔进生活的斗兽场
53 文章数
6 评论量

人生倒计时

今日已经过去小时
这周已经过去
本月已经过去
今年已经过去个月

标签云