今天來分享一個有趣的內容，通過 Python + WebSocket + Js 來實現服務監控日志的實時輸出，當服務正常時，在頁面上實時展示出 OK；當服務不正常時，在頁面上會實時展示出加粗的紅色內容。分享的內容划分成四部分。
第一部分：HTML 部分
如圖所示，紅框的 onclick 方法調用到了 js 方法。
第二部分：JS 部分的代碼
這里會與后端的 WebSocket Server 建立連接，並將 env 這個變量（參數）傳到后端，然后后端會根據 env 來進行服務的檢測，然后返回一個響應給到 js，最后 js 拿到了響應后進行追加到我們定義的一個 div 里面，這里也體現了一個實時的服務日志監控展示。
第三部分：WebSocket Server 部分
這里拿到了前端 js 傳過來的參數 env，進行環境的匹配，然后遍歷每一個服務的請求，再根據請求返回的結果拼接一個 response 給到 js，如下圖紅框中所示：
第四部分：頁面效果展示
總結：
整體上思路要清晰，html 里面通過 onclick 方法調用到 js，js 通過與后端的 WebSocket Server 建立連接，連接后會根據傳入的參數來確定檢測哪個環境的服務，WebSocket Server 將檢測的結果實時返回給 js 處理，js 將結果實時的追加到 html 頁面的一個 div 元素中，至此就全部結束了。
歡迎關注【無量測試之道】公眾號，回復【領取資源】
Python編程學習資源干貨、
Python+Appium框架APP的UI自動化、
Python+Selenium框架Web的UI自動化、
Python+Unittest框架API自動化、
資源和代碼 免費送啦~
文章下方有公眾號二維碼，可直接微信掃一掃關注即可。
備注：我的個人公眾號已正式開通，致力於測試技術的分享，包含：大數據測試、功能測試，測試開發，API接口自動化、測試運維、UI自動化測試等，微信搜索公眾號：“無量測試之道”，或掃描下方二維碼：
添加關注，讓我們一起共同成長！