电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛

标题: WebSocket+Nginx实现动态日志监控-简单版 [打印本页]

作者: look_w 时间: 2019-3-11 20:04 标题: WebSocket+Nginx实现动态日志监控-简单版

由于工作需要我们想要实现一个从页面能够查看tomcat后台日志的功能，我们有两种方案:

将日志保存到mongo DB中，从页面进行查看，mongo DB中的日志定期清理
通过WebSocket实现读取后台日志的功能，最简单的就是利用tail命令实现

下面主要说一下我在通过WebSocket实现tail查看实时滚动日志时遇到的问题和解决方法

首先呢，我先在GitHub上找到了一个例子
文章的末尾有GitHub的地址，我down了下来，需要注意三个地方

pom中下面的dependency scope一定要设置成provided，避免与tomcat自带的websocket-api冲突，我遇到问题时查了很多帖子，有些说没有影响的，但是万一要有影响呢，包冲突还是最好避免掉

         <dependency>
            <groupId>javax.websocket</groupId>
            <artifactId>javax.websocket-api</artifactId>
            <version>1.1</version>
            <scope>provided</scope>
         </dependency>

index.html中的js脚本

<script>
      $(document).ready(function() {
         // 指定websocket路径
         var websocket = new WebSocket('ws://192.168.80.128:8080/websocket/log');
         websocket.onmessage = function(event) {
            // 接收服务端的实时日志并添加到HTML页面中
            $("#log-container div").append(event.data);
            // 滚动条滚动到最低部
            $("#log-container").scrollTop($("#log-container div").height() - $("#log-container").height());
         };
      });
</script>

其中
var websocket = new WebSocket('ws://192.168.80.128:8080/websocket/log');
这句的路径一定要写对，我从GitHub上拉下来的代码，是这样的
var websocket = new WebSocket('ws://192.168.80.128:8080/log');
看着没什么区别，因为你用本地服务器启动时，这个路径取决于你再IDE中的设置

如果路径是像我上面那样写，就要按照ws://ip:port/applicationContext/requestMapping格式去写，否则就会报无法连接的错误
如果你的application context是"/"，就按ws://ip:port/requestMapping格式写就OK

我就是在这就出现的问题，因为我是想通过tail命令去读tomcat logs下的catalina.out，所以我打好包，发到linux服务器进行测试时，报了404错误，Firefox 无法建立到 ws://192.168.80.128:8080/log 服务器的连接。
因为我打的包是websockettail-1.0.0.war

      <groupId>com.xxg</groupId>
      <artifactId>websockettail</artifactId>
      <version>1.0.0</version>

所以实际上默认的Application Context路径并不是"/"，而是“websockettail-1.0.0”，对应的ws路径应为ws://192.168.80.128:8080/websockettail-1.0.0/log
改好之后就可以正常输出了，我测试的命令是"ifconfig"

欢迎光临电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/)