技巧之如何快速使用websocket来监控标准输出

Posted xiaoxiaoleo

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了技巧之如何快速使用websocket来监控标准输出相关的知识,希望对你有一定的参考价值。

为啥是Websocket

  • 服务端可以主动推送消息到浏览器端。比如服务端实时在打印日志,这是一个标准输出,可以实时将日志推送到浏览器。

为啥用websocketd (https://github.com/joewalnes/websocketd)

  • 后台脚本不限语言,标准输入(stdin)就是 WebSocket 的输入,标准输出(stdout)就是 WebSocket 的输出。(http://www.ruanyifeng.com/blog/2017/05/websocket.html)

举例

  • 定时打印当前时间
import datetime,time
from sys import stdout
while True:
    now = time.strftime("%Y-%m-%d %H:%M:%S")
    print now
    stdout.flush()
    time.sleep(2)
  • 这是标准输出

[email protected]:~# python test.py 
2018-12-17 09:57:37
2018-12-17 09:57:39
2018-12-17 09:57:41
2018-12-17 09:57:43
2018-12-17 09:57:45
2018-12-17 09:57:47
  • 启动websocketd
[email protected]:~# websocketd --port=9000  python test.py 
  • 浏览器连接websocketd服务
<!DOCTYPE html>
<html>
  <head>
    <title>websocketd  example</title>
    <style>
      #count {
        font: bold 150px arial;
        margin: auto;
        padding: 10px;
        text-align: center;
      }
    </style>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>


  </head>
  <body>

<table border="1px #ooo" id="logtable" cellpadding="0"
   cellspacing="0" width="30%">
   <tr align="center">
    <td width="100%">log</td> 
   </tr> 
  </table>

    <script>

      function addTr(tab, row, trHtml){
         var $tr=$("#"+tab+" tr").eq(row);
         if($tr.size()==0){
        alert("id not exit");
        return;
         }
         $tr.after(trHtml);
      };

 
          //addTr(‘logtable‘, -1, ‘xxxxxxxxxx‘); 
      var ws = new WebSocket(‘ws://‘ + (location.host ? location.host : "localhost:9000") + "/");
      ws.onopen = function() {
        document.body.style.backgroundColor = ‘#cfc‘;
      };
      ws.onclose = function() {
        document.body.style.backgroundColor = null;
      };
      ws.onmessage = function(event) {
       console.log(event.data);
        //document.getElementById(‘count‘).textContent = event.data;
        addTr(‘logtable‘, -1, ‘<tr><td>‘ +  event.data + ‘</td></tr>‘)
      };
    </script>

  </body>
</html>
  • 效果图

技术分享图片

以上是关于技巧之如何快速使用websocket来监控标准输出的主要内容,如果未能解决你的问题,请参考以下文章

性能监控之 Golang 应用接入 Prometheus 监控

性能监控之 Golang 应用接入 Prometheus 监控

netty系列之:使用netty搭建websocket客户端

netty系列之:使用netty搭建websocket客户端

使用 Go 语言创建 WebSocket 服务

如何监控数据库连接池(JDBC Connection Pool)