今天来分享一个有趣的内容,通过 Python + WebSocket + Js 来实现服务监控日志的实时输出,当服务正常时,在页面上实时展示出 OK;当服务不正常时,在页面上会实时展示出加粗的红色内容。分享的内容划分成四部分。
第一部分:HTML 部分
如图所示,红框的 onclick 方法调用到了 js 方法。
第二部分:JS 部分的代码
这里会与后端的 WebSocket Server 建立连接,并将 env 这个变量(参数)传到后端,然后后端会根据 env 来进行服务的检测,然后返回一个响应给到 js,最后 js 拿到了响应后进行追加到我们定义的一个 div 里面,这里也体现了一个实时的服务日志监控展示。
第三部分:WebSocket Server 部分