spring boot集成WebSocket日志实时输出到web页面

前言

今天来做个有趣的东西，就是实时将系统日志输出的前端web页面，因为是实时输出，所有第一时间就想到了使用websocket,而且在spring boot中，使用websocket超级方便，阅读本文，你会接触到以下关键词相关技术，websocket（stopmp服务端），stomp协议，sockjs.min.js，stomp.min.js（输配电工程stomp客户端），本文使用到的其实就是使用spring boot自带的websocket模块提供stomp的服务端，前端使用stomp.min.js做stomp的客户端，使用sockjs来链接，前端订阅后端日志端点的消息，后端实时推送，达到日志实时输出到web页面的目的，效果如下图

首先了解下stomp

stomp即simple (or streamin更遑论g) text orientated messaging protocol，简单(流)文本定向消息协议，它提供了一个可互操作的连接格式，允许stomp客户端与任意stomp消息代理（broker）进行交互。stomp协议由于设计简单，易于开发客户端，因此在多种语言和多种平台上得到广泛地应用。

stomp协议的前身是ttmp协议（一个简单的基于文本的协议），专为消息中间件设计。
stomp是一个非常简单和容易实现的协议，其设计灵感源自于http的简单性。尽管stomp协议在服务器端的实现可能有一定的难度，但客户端的实现却很容易。例如，可以使用telnet登录到任何的stomp代理，并与stomp代理进行交互。

下面是具体的步骤，主要是日志信息的获取和日志信息的推送，不多说，上代码

一.引入spring boot websocket依赖

二.新增日志消息实体

三. 创建一个阻塞队列

作为日志系统输出的日志的一个临时载体

四.获取logback的日志，塞入日志队列中家长会讲稿

1.定义logfilter拦截输出日志

2.配置logback.xml,添加我们自定义的filter

五.配置websocket消息代理端点，即stomp服务端

注意：为了连接安全，tallowedorigins设置的允许连接的源地址，如果在非这个配置的地址下发起连接会报403，进一步还可以使用addinterceptors设置拦截器，来做相关的鉴权操作

六.启动类，开启websocket消息代理功能，并推送日志信息

七.html页面，连接stomp服务端，订阅/topic/pulllogger的消息，展示日志信息

参考地址：

stomp.js客户端：http://汪国真经典诗文jmesnil.net/stomp-websocket/doc/

scok.js客户端：https://github.com/sockjs/sockjs-client

spring websocket：https://docs.spring.io/spring/doc预防接种规范s/

以上就是spring boot集成websocket到web页面实时输出的详细内容，更多关于spring boot集成websocket实时输出到web的资料请关注www.887551.com其它相关文章！