WebSocket+Nginx实现动态日志监控-简单版

look_w

由于工作需要我们想要实现一个从页面能够查看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"