Fork me on GitHub

log4net.SignalR - 日志即时发送客户端页面

在log4net的配置中，appender是最重要的部分，一般来说，每一种appender都表示一种日志的输出介质，如日志文件、EvengLog、数据库、控制台、邮件、ASP.NET页面等。log4net.SignalR是一个把Log4Net Event 从服务器发送到客户端页面的log4Net appender. 它通过SignalR异步信号库将事件实时通过流传送到客户端，并保持持久的连接。

log4net.SignalR 可以用来为你的网站建立一个日志查看器。它的使用非常简单：

1、在项目中添加log4net.SignalR.dll.这个可以通过Nuget工具

image

2、配置log4net.SignalR 作为Log4Net的appender

<log4net debug="true">
    <appender name="SignalrAppender" type="log4net.SignalR.SignalrAppender">
        <layout type="log4net.Layout.PatternLayout">
            <conversionPattern value="%date %-5level - %message%newline" />
        </layout>
    </appender>
    <root>
        <appender-ref ref="SignalrAppender" />
    </root>
</log4net>

3、用一个页面来侦听Log4Net的事件

添加一些jQuery 文件到的ASP.NET页面接收服务器上引发的事件。设置好SignalrAppender，把log4net的服务器上记录的所有事件都将被发送到浏览器JavaScript函数中执行。

<head>
    <title>Log4Net.SignalR</title>
    <link rel="stylesheet" type="text/css" href="@Url.Content("~/Resources/bootstrap.min.css")" />
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.7.2.min.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery.signalR-0.5.2.min.js")"></script>
    <script src="/signalr/hubs" type="text/javascript"></script>
    <style>
        body {
            padding-top: 60px;
        }
    </style>
</head>

<table id="log-table" class="log">
    <thead>
        <tr>
            <th>
                Date
            </th>
            <th>
                Level
            </th>
            <th style="width: 100%">
                Details
            </th>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>
<script type="text/javascript">
    $(function () {
        var log4net = $.connection.signalrAppenderHub;

        log4net.onLoggedEvent = function (loggedEvent) {
            var dateCell = $("<td>").css("white-space", "nowrap").text(loggedEvent.TimeStamp);
            var levelCell = $("<td>").text(loggedEvent.Level);
            var detailsCell = $("<td>").text(loggedEvent.Message);
            var row = $("<tr>").append(dateCell, levelCell, detailsCell).addClass(loggedEvent.Level.toLowerCase());
            $('#log-table tbody').append(row);
        };

        $.connection.hub.start(function () {
        });

    });
</script>

 

http://www.woohoo.uk.com/Blog/adding-real-time-statistics-to-surveywizz-using-signalr

posted @ 2012-06-30 23:29  张善友  阅读(3255)  评论(3)  编辑  收藏  举报