RealLog RealLog 是一个基于 WebSocket 和 HTTP 的实时日志查看系统,允许用户通过浏览器实时监控服务器上的日志文件变化。系统提供了美观的终端风格界面,支持移动设备自适应,并具有日志暂停、清空、重启等功能。

演示地址:https://realog.nicen.cn,实时查看服务器上日志文件的变化

  1. 功能特点

实时监控:通过 WebSocket 实时推送日志更新 文件监控:自动检测日志文件变化,支持文件被截断的情况 配置灵活:可自定义日志文件路径、最大显示行数等

  1. 安装步骤
  2. 克隆仓库

git clone https://github.com/friend-nicen/realog.git cd realog

  1. 安装依赖

npm i -D

  1. 打包

通过rollup将项目打包成单个文件 

npm run build

  1. 使用方法 启动服务

npm start

或者使用开发模式(自动重启):

npm run dev

启动后,服务器将在以下地址运行:

HTTP 服务器:http://localhost:3000 WebSocket 服务器:ws://localhost:8080

  1. 配置选项 编辑 config.js 文件可以修改以下配置:

export default {

// 获取日志文件路径的函数
getLogFilePath: () => {
    // 默认日志文件路径,可以根据实际情况修改
    return process.env.LOG_FILE_PATH || '/path/to/your/logfile.log';
},

// WebSocket服务器端口

wsPort: 8080,

// HTTP服务器端口

httpPort: 3000,

// 日志更新间隔(毫秒)

updateInterval: 1000,

// 最大显示行数

maxLines: 1000

};

也可以通过环境变量设置日志文件路径:

LOG_FILE_PATH=/var/log/application.log npm start

  1. 前端部署 修改public下的前端文件的接口地址,然后访问前端的index.html
阅读剩余 0%
本站所有文章资讯、展示的图片素材等内容均为注册用户上传(部分报媒/平媒内容转载自网络合作媒体),仅供学习参考。 用户通过本站上传、发布的任何内容的知识产权归属用户或原始著作权人所有。如有侵犯您的版权,请联系我们反馈本站将在三个工作日内改正。