1. 程式人生 > >[轉載] websocketd 實現瀏覽器檢視伺服器實時日誌

[轉載] websocketd 實現瀏覽器檢視伺服器實時日誌

websocketd 實現瀏覽器檢視伺服器實時日誌

作業系統

  • CentOS7

下載 websocketd

安裝 nc 命令

yum install nmap-ncat

建立監聽指令碼

cat > cmd.sh <<-END
#!/bin/bash
pkill -x nc
while :; do
    nc -nkl 10088
    sleep 1
done

建立 log.html

<!DOCTYPE html>
<html>
<head>
    <style>
        body{
            background-color: #0e1012;color: #ffffff;
        }
        *{
            margin: 0; padding: 0;
        }
        #msg{
            overflow:auto; border:2px solid #303030; color:#ffffff; background-color: #2b2b2b; font-size: 13px; position: absolute; left: 8px; right: 8px; bottom: 8px; top: 40px; word-break:
break-all;
        }
        #log{
            position: fixed; top: 0; left: 0; width: 100%; height: 40px; text-align: left; margin: 4px 0 0 8px;
        }
        #log b{
            font-size: 26px;
        }
        #msgBtn{
            padding: 5px 10px; border: none; background: #777; float: right; margin: 0 16px 0 0;
        }
    </style>
</head>
<body>
    <div id="log"><span><b>實時日誌</b></span><button id="msgBtn" type="button">清空</button></div>
    <div id="msg"><ul class="list"></ul></div>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
    <script>
        $(document).ready(function() {
            if (!window.WebSocket) {
                if (window.MozWebSocket) {
                    window.WebSocket = window.MozWebSocket;
                } else {
                    $('#msg').append("<p>你的瀏覽器不支援websocket</p>");
                }
            }
            var ws = new WebSocket('ws://221.7.197.100:8008/websocket/');
            ws.onopen = function(evt) {
                $('.list').append('<li>websocket連線成功</li>');
            }
            ws.onmessage = function(evt) {
                $('.list').append('<li>' + evt.data + '</li>');
                setTimeout(function(){$('#msg').scrollTop($('.list').height()-$('#msg').height());}, 100)
            }
            $("#msgBtn").click(function(){
                $(".list").html("");
            })
        });
    </script>
</body>
</html>

檔案部署位置

websocketd/
├── [-rwxr-xr-x]  cmd.sh
├── [drwxr-xr-x]  websocket
│   └── [-rw-r--r--]  log.html
└── [-rwxr-xr-x]  websocketd

啟動 websocketd

cd websocketd
./websocketd --port=8008 --staticdir=. ./cmd.sh

在瀏覽器中開啟日誌瀏覽頁面

在其他應用伺服器,傳輸實時日誌

tail -f /tomcat/logs/catalina.out | nc -n {websocket-server} 10088

關閉實時日誌

  • 在目標伺服器中 kill nc
    pkill -x nc
    
  • 在 websocket server 中 kill nc
    pkill -x nc
    
  • 直接重新整理瀏覽器的日誌瀏覽頁面

相關推薦

[轉載] websocketd 實現瀏覽器檢視伺服器實時日誌

websocketd 實現瀏覽器檢視伺服器實時日誌 作業系統 CentOS7 下載 websocketd 安裝 nc 命令 yum install nmap-ncat 建立監聽指令碼 cat > cmd.sh <<-END #!/bin/b

通過WebSocket和STOMP實現瀏覽器伺服器的訊息通訊

非同步訊息非同步訊息有兩個重要的概念,訊息代理(broker)和目的地(destination)。訊息代理:當一個應用傳送訊息時,需要制定傳送的目的地,然後將訊息交給訊息代理(類似郵局),訊息代理會確保訊息傳送到指定的目的地。目的地:不同的訊息系統有不同的訊息路由模式,但是有

網頁中實時檢視伺服器日誌(websocket + node.js實現

每當我需要檢視linux伺服器的日誌時,我都需要通過SSH客戶端訪問,如果想讓其他人也能檢視日誌,首先需要安裝一個SSH客戶端,然後設定連線資訊,如果安全性高一點的,還需要額外在linux伺服器上配置【檢視日誌使用者】,表示許可權僅限於檢視日誌。每增加一個人想檢視日誌,都需

Linux伺服器實時檢視tomcat執行日誌

在Linux上部署web專案時,如果出現bug或者異常,很難看到出錯的提示。怎麼樣才可以看到類似window下的eclipse和tomcat的執行時的提示資訊呢? 方法如下: 進入你伺服器tomcat的logs目錄下:  輸入ls可以看到catalina.log檔案

Linux 安裝FastDFS圖片伺服器以及配合nginx實現圖片檢視

各位同學,今天我們來學習一下如何安裝FastDFS圖片伺服器,首先我們先來介紹一下什麼是圖片伺服器。 1.什麼是FastDFS FastDFS是用c語言編寫的一款開源的分散式檔案系統。FastDFS為網際網路量身定製,充分考慮了冗餘備份、負載均衡、線性擴容等

瀏覽器伺服器實現跨域(CORS)判定的原理

同源策略 同源指的是域名(或IP),協議,埠都相同,不同源的客戶端指令碼(javascript、ActionScript)在沒明確授權的情況下,不能讀寫對方的資源。 同源的判定: 以http://www.example.com/dir/page.html為例,以下表格指出了不同

linux下利用 tail命令 實時檢視tomcat執行日誌

1、先切換到logs目錄比如:cd /opt/tomcat安裝路徑/logs 2、tail -f catalina.out 3、這樣執行時就可以實時檢視執行日誌了 如下: Ctrl+c 是退出tail命令。 順便講一下linux中tail命令 tail 命令從指定點

如何實時檢視Linux下日誌

以下以Tomcat為例子,其他WEB伺服器目錄自己靈活修改即可: 1、先切換到:cd usr/local/tomcat5/logs 2、tail -f catalina.out 3、這樣執行時就可以實時檢視執行日誌了   Ctrl+c 是退出tail命令。 順便講一下l

測試人員掌握基本Linux命令——檢視日誌實時日誌

          很多初級測試人員,在進行執行測試用例這個步驟時,發現bug,不能更加的準確去定位bug,在這樣的情況下就可以開啟Linux伺服器,敲命令檢視操作進行中的實時日誌,當系統報錯時,可以截圖日誌在缺陷管理系統中,開發人員就知道什麼地

檢視伺服器日誌

tail -f /data/tomcat/logs/×××.log   正常時有兩點要求:1、日誌正常滾動更新,若不動,Ctrl+C終止後,重新開始,繼續滾動也可以 2、程序號要不斷的切換,因為多個併發,若一直是同一個程序號,就是有問題  

用GoAccess實現視覺化並實時監控access日誌

1.ubuntu16.04安裝GoAccess GoAccess下載地址:https://goaccess.io/download 安裝步驟: $ wget https://tar.goaccess.io/goaccess-1.3.tar.gz $ tar -xzvf goaccess-1.3.

linux下實時檢視tomcat執行日誌

1、先切換到:cd usr/local/tomcat5/logs2、tail -f catalina.out3、這樣執行時就可以實時檢視執行日誌了 Ctrl+c 是退出tail命令。 順便講一下linux中tail命令 tail 命令從指定點開始將檔案寫到標準輸出.使

(轉載)Zookeeper實現分散式應用系統伺服器上下線動態感知

來到一家新公司,要求做zookeeper註冊中心的伺服器上線下線的動態感知。結果把要求看成了zookepper註冊中心的動態感知。哎,好尷尬呀!結果看到這篇文章我才恍然大悟。講的也很細緻!特發表一篇文章做為收藏。 我們現在有一個分散式應用系統提供服務,伺服器有很多臺,伺服器

ELK實時日誌分析平臺部署搭建詳細實現過程

原文地址:http://www.linuxidc.com/Linux/2016-09/135137.htm 1、ELK平臺介紹 在搜尋ELK資料的時候,發現這篇文章比較好,於是摘抄一小段: 日誌主要包括系統日誌、應用程式日誌和安全日誌。系統運維和開發人員可以通過日

docker logs 檢視實時日誌

docker logs -f -t --since="2017-05-31" --tail=10 edu_web_1 --since : 此引數指定了輸出日誌開始日期,即只輸出指定日期之後的日誌。 -f : 檢視實時日誌 -t : 檢視日誌產生的日期 -tail=10 : 檢視最後的10條日誌。

iOS如何實時檢視App執行日誌

Linux下管理掛載IOS裝置——libimobiledevicehttps://www.jianshu.com/p/6423610d3293https://www.aliyun.com/jiaocheng/147533.html?spm=5176.100033.2.7.a78d31adB9PthN&

secure CRT常用的檢視伺服器日誌命令

tail -f  /(日誌檔案目錄)   檢視日誌命令 ctrl+c停止列印 ls  -al  檢視檔案的詳細資訊路徑等 vi  /(日誌檔案目錄)  開啟日誌 /搜尋字元 退出:按ESC後,按“:”,輸入q,敲回車 WinSCP cat主要有三大功能: 1.一次顯示整個

實時日誌分析系統的架構、實現以及思考

1 序 對ETL系統中資料轉換和儲存操作的相關日誌進行記錄以及實時分析有助於我們更好的觀察和監控ETL系統的相關指標(如單位時間某些操作的處理時間),發現系統中出現的缺陷和效能瓶頸。 由於需要對日誌進行實時分析,所以Storm是我們想到的首個框架。Stor

tomcat在window下檢視實時日誌

tomcat在linux下檢視日誌是進入tomcat安裝目錄用: tail -f logs/catalina.out 就可以檢視日誌的實時輸出;但是在window下,使用了eclipse等工具除錯專案的時候,檢視日誌,cmd進入黑屏,同樣進入bin目錄下:輸入執行:cat

Java 實現socket 與伺服器實現實時通訊

        現在有一個需求,就是要去給一臺客戶端主動去傳送指令,或者推送訊息,就尋求朋友問了問告訴我說socket可以實現,所以就在網上找了些資料一遍學習,一遍測試,現在把我最後的成果記錄下來。        如果對於socket有概念上的不理解的話,可以去百度一下會有很