
轻松实现网站状态监测面板
AI摘要
切换
LHLGPT
这篇文章介绍了如何使用 UptimeRobot API 结合github的前端项目,部署到 vercel 展现。
轻松实现一个基于 UptimeRobot API 的在线状态面板
最终效果
准备API
需要先到 UptimeRobot 添加站点监控,并在 My Settings 页面获取 API Key
新建监测站点
免费账户只能监测HEAD,不过也足够用了
可以设置监测告警,及时发现站点故障
可以添加多个监测的站点和服务
查看并记录所有站点的API,后面会用
前端页面
这里部署到vercel(采用vercel演示)如果有网站空间或云服务器,可以直接将前端部署到自己的新站点
Fork 以下项目,然后修改public/config.js
,添加自己的API并修改名称等,可以添加多个API
部署前端到vercel
选择自己的github项目导入,部署类型选择other
部署完成后,添加自己的域名并做好CNAME解析(默认vercel域名不可直接使用),就可以使用了。
- 感谢你赐予我前进的力量
赞赏者名单
因为你们的支持让我意识到写文章的价值🙏
本文是原创文章,采用CC BY-NC-SA 4.0 协议,完整转载请注明来自刘洪亮Leo的博客
评论
匿名评论
隐私政策
你无需删除空行,直接评论以获取最佳展示效果