如何在浏览器中显示 bunyan 日志？答案

【问题标题】：How to display bunyan logs in the browser?如何在浏览器中显示 bunyan 日志？
【发布时间】：2016-05-23 16:03:15
【问题描述】：

我在 node.js 上实现了一个服务器，我使用 Bunyan 进行日志记录。到目前为止，当我需要调试问题时，我会查看控制台中的日志，或者使用 /bunyan/bin/bunyan <log_file.log> 打开旧的日志文件。这远非理想，因为我必须通过 vnc 或 ssh 进入服务器，而且当我查看的是较旧的日志时，需要很长时间才能在 bunyan cli 上找到我要查找的内容。

我想扩展我的日志记录功能，以便我可以提供日志文件，以便我可以在浏览器上查看它们。到目前为止，这是我已经实现的：

var express = require('express');
var app = express();
var bunyan = require('bunyan');
var serveIndex = require('serve-index');

var log = bunyan.createLogger({
                            name: 'server',
                            streams: [
                            {
                                level: 'info',
                                stream: process.stdout
                            },
                            {
                                type: 'rotating-file',
                                level: 'info',
                                path: __dirname+'/logs/server-logs.log',
                                period: '1m',
                                count: 12
                            }
                            ]
                            });

app.use('/logs', serveIndex('logs', {'icons': true}))
    app.get('/logs/*',function(req,res)
    {
        var file_name = __dirname + '/logs/' + JSON.stringify(req.params['0']);
        file_name = file_name.replace(/"/g, '');
        log.info(file_name);
        var obj = fs.readFileSync(file_name, 'utf8');

        res.format({
            'application/json': function(){
                res.send(obj);
            },
            'default': function(){
                res.status(406).send('Not Acceptable');
            }
        });
    });

/*Run the server*/
app.listen(3005,function()
{
    log.info("Started.");
});

这让我能够访问http://server/logs 并获得所有日志文件的列表，我可以单击它们并将它们显示在浏览器上。问题是它们仍然只是原始 json，不是一种非常易于阅读的格式。

我想要的是在浏览器中打印，就像 bunyan 在 cli 中打印一样，非常漂亮。

有什么建议吗？我已经搜索了几个小时，寻找可以做到这一点的东西，但找不到任何东西。

谢谢！

【问题讨论】：

这听起来是个很糟糕的主意...
@Khez 请解释原因？我也打算这样做。是否存在安全问题？开发时间？

标签： node.js browser bunyan

【解决方案1】：

您可以使用frontail 在提供的 html 页面中显示日志！

您可以使用bunyan-format 包很好地格式化bunyan 日志输出！

【讨论】：

【解决方案2】：

如果您可以在您的应用程序中添加一些 HTML，只需使用一些 ajax 请求加载 bunyan 日志。由于这只是一个 JSON 响应，因此您可以根据需要对其进行格式化。现代浏览器允许将 JSON 格式化为更具可读性。

将 JSON 对象转换为字符串时，可以使用空格缩进：

JSON.stringify(bunyanLogsObject, null, 2);

地点：

bunyanLogsObject - 是你的日志
null - 替换者，请阅读下文
2 - 缩进的空格数，提供此参数实际上会打开格式

作为替换器，您可以提供一个函数来进一步格式化输入或要显示的白名单属性数组。更多信息可以在at MDN找到。

【讨论】：