https://logdy.dev/blog/post/web-based-logs-viewer-ui-for-local-development-environment

Skip to content
[logdy-tran]Logdy
SearchK
Main NavigationHomeDocsDemoDownloadBlog
 

Appearance

 
Menu
Return to top
Sidebar Navigation
 

PM2 log viewer and web UI

 

Nodejs & nodemon logs parser & viewer UI

 

Mongodb log parser and viewer UI

 

Nginx webserver log parser and viewer UI

 

Apache HTTP webserver log parser and viewer UI

 

Web based logs viewer UI for local development environment

On this page
Table of Contents for current page

Web based logs viewer UI for local development environment  

In this blog post we'll try to present to you how easy it is to setup
a Web based UI that allows you to format messy local development logs
and browse them.

Download precompiled Logdy binary  

Enter release page on Github and select recent release. Download a
precompiled binary.

bash

# Example URL address
wget https://github.com/logdyhq/logdy-core/releases/download/v0.2.0/logdy-core_darwin_arm64

More compliation target

You can find more precompiled libraries on the Github release page.
We always always build for the following OS and architecture: linux/
amd64 windows/386 windows/amd64 darwin/amd64 darwin/arm64 linux/arm64

Add Logdy to PATH for easier use

Refer to this How to

Run Logdy  

To illustrate this example, we're going to use Node.js.

    Node.js is a powerful open-source, cross-platform JavaScript
    runtime environment that allows developers to execute server-side
    code using JavaScript.Developed on the V8 JavaScript engine by
    Google, Node.js facilitates building scalable and
    high-performance applications. With its non-blocking,
    event-driven architecture, Node.js is particularly well-suited
    for real-time applications and has gained popularity for its
    efficiency in handling concurrent connections.

bash

# Assuming logdy is added to PATH
logdy stdin 'node app.js'

Enter Logdy web UI  

Visit the address provided in the console output after starting
Logdy, by default it should be http://localhost:8080

Display columns and filters  

Logdy makes parsing and column selection a breeze. Use a built in
"autogenerate" feature to generate columns based on JSON object
present. Then you can make any adjustments and customizations. Based
on the columns you can also emit facets or use another great feature
to generate those automatically.

With a JSON object in place, you can use Auto-generated columns
together with Faceted columns.

'Autogenerate columns'

Last updated:

Previous pageApache HTTP webserver log parser and viewer UI

Copyright (c) 2023-present Logdy