以前面的博客为基础，最近一篇为Spring Boot 入门（十）：集成Redis哨兵模式，实现Mybatis二级缓存。本篇博客主要介绍了Spring Boot集成 Web Socket进行日志的推送，并实时显示在页面上。

1.导入jar包

第一个jar包是websocket的，第二个jar包是关于环形队列的jar包，本案例是通过本地队列存储日志。有条件的话，最好通过中间件存储（eg：redis，mq……）。通过本地队列存储日志会存在日志丢失的情况，且日志量太大，会把页面卡死。

  <!--begin web socket-->

         <dependency>

             <groupId>org.springframework.boot</groupId>

             <artifactId>spring-boot-starter-websocket</artifactId>

         </dependency>

         <dependency>

             <groupId>com.lmax</groupId>

             <artifactId>disruptor</artifactId>

             <version>3.4.2</version>

         </dependency>

         <!--end web socket-->

2.增加监听器

（1）.在logback中增加监听器

并根据logback编写相应的监听器ProcessLogFilter

 @Service

 public class ProcessLogFilter extends Filter<ILoggingEvent> {

     @Override

     public FilterReply decide(ILoggingEvent event) {

         LoggerMessage loggerMessage = new LoggerMessage(

                 event.getMessage()

                 , DateFormat.getDateTimeInstance().format(new Date(event.getTimeStamp())),

                 event.getThreadName(),

                 event.getLoggerName(),

                 event.getLevel().levelStr

         );

         LoggerDisruptorQueue.publishEvent(loggerMessage);

         return FilterReply.ACCEPT;

     }

 }

该监听器将监听的日志消息推送到本地消息队列中，然后页面通过 Web Socket 去此队列获取日志信息，从而在页面显示

（2）.编写日志处理器

 //进程日志事件内容载体

 @Data

 @NoArgsConstructor

 @AllArgsConstructor

 public class LoggerEvent {

     private LoggerMessage log;

 }
 /**

  * Content :进程日志事件工厂类

  */

 public class LoggerEventFactory implements EventFactory<LoggerEvent> {

     @Override

     public LoggerEvent newInstance() {

         return new LoggerEvent();

     }

 }
 /**

  * Content :进程日志事件处理器

  */

 @Component

 public class LoggerEventHandler implements EventHandler<LoggerEvent> {

     @Autowired

     private SimpMessagingTemplate messagingTemplate;

     @Override

     public void onEvent(LoggerEvent stringEvent, long l, boolean b) {

         messagingTemplate.convertAndSend("/topic/pullLogger", stringEvent.getLog());

     }

 }

日志事件处理器的作用是监听本地环形队列中的消息，如果有消息，就会将这些消息推送到 Socket 管道中

（3）.编写页面

 <!DOCTYPE html>

 <html>

 <head>

     <meta charset="utf-8">

     <meta http-equiv="X-UA-Compatible" content="IE=edge">

     <title>欢迎页</title>

     <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">

     <script src="plugins/jQuery/jquery-2.2.3.min.js"></script>

     <script src="js/websocket/sockjs.min.js"></script>

     <script src="js/websocket/stomp.min.js"></script>

 </head>

 <body>

 <div class="panel panel-default">

     <h1>jvm进程内的日志</h1>

     <button onclick="openSocket()">开启日志</button>

     <button onclick="closeSocket()">关闭日志</button>

     <div id="log-container" style="height: 600px; overflow-y: scroll; background: #333; color: #aaa; padding: 10px;">

         <div></div>

     </div>

 </div>

 <script>

     var stompClient = null;

     $(document).ready(function () {

         openSocket();

     });

     function openSocket() {

         if (stompClient == null) {

             var socket = new SockJS('http://localhost:8080/websocket?token=kl');

             stompClient = Stomp.over(socket);

             stompClient.connect({token: "kl"}, function (frame) {

                 stompClient.subscribe('/topic/pullLogger', function (event) {

                     var content = JSON.parse(event.body);

                     $("#log-container div").append("<font color='red'>" + content.timestamp + "</font>|<font color='highlight'>" + content.level + "</font> |<font color='green'>" + content.threadName + "</font>| <font color='boldMagenta'>" + content.className + "</font>|<font color='cyan'>" + content.body + "</font>").append("<br/>");

                     $("#log-container").scrollTop($("#log-container div").height() - $("#log-container").height());

                 }, {

                     token: "kltoen"

                 });

             });

         }

     }

     function closeSocket() {

         if (stompClient != null) {

             stompClient.disconnect();

             stompClient = null;

         }

     }

 </script>

 </body>

 </html>

页面链接web Socket服务器，如果有消息，就能获取

（4）.其他辅助类

环形本地队列类

 package com.learn.hello.system.common.queue;

 import com.learn.hello.modules.entity.LoggerMessage;

 import com.learn.hello.system.common.event.LoggerEvent;

 import com.learn.hello.system.common.event.LoggerEventFactory;

 import com.learn.hello.system.common.event.LoggerEventHandler;

 import com.lmax.disruptor.RingBuffer;

 import com.lmax.disruptor.dsl.Disruptor;

 import org.springframework.beans.factory.annotation.Autowired;

 import org.springframework.stereotype.Component;

 import java.util.concurrent.Executor;

 import java.util.concurrent.Executors;

 /**

  * Content :Disruptor 环形队列

  */

 @Component

 public class LoggerDisruptorQueue {

     private Executor executor = Executors.newCachedThreadPool();

     // The factory for the event

     private LoggerEventFactory factory = new LoggerEventFactory();

     // Specify the size of the ring buffer, must be power of 2.

     private int bufferSize = 2 * 1024;

     // Construct the Disruptor

     private Disruptor<LoggerEvent> disruptor = new Disruptor<>(factory, bufferSize, executor);

     ;

     private static RingBuffer<LoggerEvent> ringBuffer;

     @Autowired

     LoggerDisruptorQueue(LoggerEventHandler eventHandler) {

         disruptor.handleEventsWith(eventHandler);

         this.ringBuffer = disruptor.getRingBuffer();

         disruptor.start();

     }

     public static void publishEvent(LoggerMessage log) {

         long sequence = ringBuffer.next();  // Grab the next sequence

         try {

             LoggerEvent event = ringBuffer.get(sequence); // Get the entry in the Disruptor

             // for the sequence

             event.setLog(log);  // Fill with data

         } finally {

             ringBuffer.publish(sequence);

         }

     }

 }

消息实体类

 package com.learn.hello.modules.entity;

 import lombok.AllArgsConstructor;

 import lombok.Data;

 import lombok.NoArgsConstructor;

 // 日志实体类

 @Data

 @AllArgsConstructor

 @NoArgsConstructor

 public class LoggerMessage {

     private String body;

     private String timestamp;

     private String threadName;

     private String className;

     private String level;

 }

3.效果

页面中的颜色可以自行设置

.

Spring Boot 入门（十一）：集成 WebSocket, 实时显示系统日志的更多相关文章

  1. Spring Boot 入门（十二）：报表导出，对比poi、jxl和esayExcel的效率

    本片博客是紧接着Spring Boot 入门(十一):集成 WebSocket, 实时显示系统日志写的 关于poi.jxl和esayExcel的介绍自行百度. jxl最多支持03版excel,所以单个 ...

  2. Spring boot入门（三）：SpringBoot集成结合AdminLTE(Freemarker)，利用generate自动生成代码，利用DataTable和PageHelper进行分页显示

    关于SpringBoot和PageHelper,前篇博客已经介绍过Spring boot入门(二):Spring boot集成MySql,Mybatis和PageHelper插件,前篇博客大致讲述了S ...

  3. Spring boot 入门（四）：集成 Shiro 实现登陆认证和权限管理

    本文是接着上篇博客写的:Spring boot 入门(三):SpringBoot 集成结合 AdminLTE(Freemarker),利用 generate 自动生成代码,利用 DataTable 和 ...

  4. Spring boot入门（二）：Spring boot集成MySql,Mybatis和PageHelper插件

    上一篇文章,写了如何搭建一个简单的Spring boot项目,本篇是接着上一篇文章写得:Spring boot入门:快速搭建Spring boot项目(一),主要是spring boot集成mybat ...

  5. Spring Boot 入门（六）：集成 treetable 和 zTree 实现树形图

    本篇文章是接着Spring Boot 入门(五):集成 AOP 进行日志管理写的,主要集成了树形图,在部门列表或者权限列表中,树形图经常被用上.主要是根据相应的 API 凭借 html 字符串 1.t ...

  6. Spring Boot 入门（五）：集成 AOP 进行日志管理

    本篇文章是接着 Spring boot 入门(四):集成 Shiro 实现登陆认证和权限管理写的,按照前面几篇博客的教程,可以搭建一个简单的项目,主要包含了 Pagehelper+MyBatis 分页 ...

  7. Spring Boot 入门（七）：集成 swagger2

    本片文章是基于前一篇写的,<Spring Boot 入门(六):集成 treetable 和 zTree 实现树形图>,本篇主要介绍了spring boot集成swagger2.关于swa ...

  8. Spring Boot 入门（九）：集成Quartz定时任务

    本片文章续<Spring Boot 入门(八):集成RabbitMQ消息队列>,关于Quartz定时任务请参考<Quartz的基本使用之入门(2.3.0版本)> spring ...

  9. Spring Boot 入门（八）：集成RabbitMQ消息队列

    本片文章续<Spring Boot 入门(七):集成 swagger2>,关于RabbitMQ的介绍请参考<java基础(六):RabbitMQ 入门> 1.增加依赖 < ...

随机推荐

  1. Codeforces Round #340 (Div. 2) B. Chocolate

    题意:一段01串 分割成段 每段只能有一个1 问一段串有多少种分割方式 思路:两个1之间有一个0就有两种分割方式,然后根据分步乘法原理来做. (不过这里有一组0 1 0这种数据的话就不好直接处理,所以 ...

  2. 前端开发之BOM和DOM

    BOM BOM:是指浏览器对象模型,它使JavaScript可以和浏览器进行交互. 1,navigator对象:浏览器对象,通过这个对象可以判定用户所使用的浏览器,包含了浏览器相关信息. naviga ...

  3. 原 在windows上创建文件名以“.”开头的文件

    在实际项目开发中,我们会经常遇到以”.”开头的配置文件.例如我们如果需要通过配置文件给npm更换源就需要更改.npmrc文件,然而还有很多友友还不清楚如何创建一个类似的文件,今天就和大家分享下这个小技 ...

  4. H3C IPv6地址分类

  5. 51nod 1282 时钟

    1282 时钟  题目来源: Codility 基准时间限制:1 秒 空间限制:131072 KB 分值: 40 难度:4级算法题 有N个时钟,每个时钟有M个指针,P个刻度.时钟是圆形的,P个刻度均分 ...

  6. 一个基于 Slab 缓存的 scull: scullc

    是时候给个例子了. scullc 是一个简化的 scull 模块的版本, 它只实现空设备 -- 永久 的内存区. 不象 scull, 它使用 kmalloc, scullc 使用内存缓存. 量子的大小 ...

  7. 北京师范大学第十七届程序设计竞赛决赛 G

    传送门:https://ac.nowcoder.com/acm/contest/895/G 题意: \[ 操作 1:L,R,X,Y,对所有L≤i≤R赋值 \\ Ai=min(Ai,(i−L)×Y+X) ...

  8. Mybase desktop7.3破解

    1.Mybase Desktop 7.3 安装包 百度云链接: 链接:https://pan.baidu.com/s/1mWZ2_Qmkf6aAX9CYgrN12A 提取码:vjw7 2.破解包 百度 ...

  9. 0011 开发者工具（chrome）

    此工具是我们的必备工具,以后代码出了问题 我们首先第一反应就是: "按F12"或者是 "shift+ctrl+i" 打开 开发者工具. 菜单: 右击网页空白出- ...

  10. java基础 -- 关键字static的用法

    static关键字的基本作用就是方便在没有创建对象的情况下调用类的方法/变量, static关键字修饰的方法或者变量不需要依赖于对象来进行访问,只要类被加载了,就可以通过类名去进行访问. static ...