【源码】基于Flask和React的服务器状态监控系统

项目简介

本项目是基于Flask后端框架和React前端框架构建的服务器状态监控系统。借助UptimeRobot API获取服务器在线状态，利用cURL获取服务器证书信息，为用户提供直观界面，实现对服务器运行状态和SSL证书有效性的实时监控。

项目的主要特性和功能

1. 服务器状态监控：通过UptimeRobot API实时获取服务器在线状态。
2. SSL证书检查：使用cURL检查网站SSL证书信息，包含有效期和剩余时间。
3. 缓存机制：利用Flask的缓存机制优化性能，降低API调用频率。
4. 友好的用户界面：采用React构建前端界面，清晰直观地展示监控信息。

安装使用步骤

前提条件

确保已安装Python3和相关环境，且已安装cURL。

前端部分

1. 下载并解压前端代码：从项目的Releases页面下载已构建的前端代码并解压。
2. 修改配置文件：编辑config.js文件，配置网站标题、导航栏链接、ICP备案号等信息。
3. 设置API信息：配置UptimeRobot API地址和API Key，以及需要监控的站点和证书余量粒度。
4. 部署前端：将前端代码上传至支持静态页面的网站空间。

后端部分

1. 下载并解压后端代码：从项目的Releases页面下载后端代码并解压。
2. 安装依赖：运行pip install -r requirement.txt安装所需的Python依赖。
3. 修改配置文件：按需编辑configs.py文件，配置是否启用缓存、缓存时间等参数。
4. 运行后端：执行python app.py启动后端服务。
5. 测试接口：确保后端接口正常运行，可通过访问/uptime和/cert接口进行测试。

注意事项

由于项目使用了React并启用了路由功能，为避免404错误，需要进行额外配置。例如，在Nginx中添加以下配置： nginx location / { try_files $uri /index.html; } 若使用储存桶部署，需将404页面指向index.html。

公开后端服务

项目提供公开后端服务地址：https://www.chriskim.top/api/，但建议用户自行部署后端服务以保证稳定性。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】