有趣工具箱-RealLog 实时日志查看器，实时监控服务端指定日志文件最新内容

RealLog

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

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

Git仓库：https://github.com/friend-nicen/realog

1. 功能特点

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

2. 安装步骤

1. 克隆仓库

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

2. 安装依赖

npm i -D

3. 打包

# 通过rollup将项目打包成单个文件 npm run build

3. 使用方法

启动服务

npm start

或者使用开发模式（自动重启）：

npm run dev

启动后，服务器将在以下地址运行：

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

4. 配置选项

编辑 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

5. 前端部署

修改public下的前端文件的接口地址，然后访问前端的index.html

分享到：

一	二	三	四	五	六	日
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30

有趣工具箱

RealLog 实时日志查看器，实时监控服务端指定日志文件最新内容2025-08-21 18:47:54