首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >RealLog 实时日志查看器,实时监控并获取服务端指定日志文件的最新内容

RealLog 实时日志查看器,实时监控并获取服务端指定日志文件的最新内容

原创
作者头像
房东的狗丶
修改2025-08-02 14:19:28
修改2025-08-02 14:19:28
16000
代码可运行
举报
文章被收录于专栏:友人a的笔记丶友人a的笔记丶
运行总次数:0
代码可运行

原文:https://nicen.cn/8287.html

RealLog

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

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

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

1. 功能特点

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

2. 安装步骤

  1. 克隆仓库
代码语言:bash
复制
git clone https://github.com/friend-nicen/realog.git
cd realog
  1. 安装依赖
代码语言:bash
复制
npm i -D
  1. 打包
代码语言:bash
复制
# 通过rollup将项目打包成单个文件 
npm run build

3. 使用方法

启动服务

代码语言:bash
复制
npm start

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

代码语言:bash
复制
npm run dev

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

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

4. 配置选项

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

代码语言:javascript
代码运行次数:0
运行
复制
export default {
    // 获取日志文件路径的函数
    getLogFilePath: () => {
        // 默认日志文件路径,可以根据实际情况修改
        return process.env.LOG_FILE_PATH || '/path/to/your/logfile.log';
    },

    // WebSocket服务器端口
    wsPort: 8080,

    // HTTP服务器端口
    httpPort: 3000,

    // 日志更新间隔(毫秒)
    updateInterval: 1000,

    // 最大显示行数
    maxLines: 1000
};

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

代码语言:bash
复制
LOG_FILE_PATH=/var/log/application.log npm start

5. 前端部署

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

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • RealLog
    • 1. 功能特点
    • 2. 安装步骤
    • 3. 使用方法
    • 4. 配置选项
    • 5. 前端部署
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档