[发明专利]一种基于WebSocket到前台的处理方法及系统

说明书

本发明涉及angular前端的Devops流水线领域，具体提供了一种基于WebSocket到前台的处理方法及系统。该系统客户端向服务器发送WebSocket连接，服务器应答，客户端和服务器直接交换数据，服务器定时检测Jenkins的Pipeline状态是否发生变化，并把该状态在页面中显示出来。与现有技术相比，本发明的一种基于WebSocket到前台的处理方法及系统，能够有效的减少数据传输和带宽资源，还可以实时监测Jenkins的Pipeline状态并在前台页面中显示出来，具有良好的推广价值。

技术领域

本发明涉及angular前端的Devops流水线领域，具体提供一种基于WebSocket到前台的处理机制。

背景技术

现有技术下,在前后台数据交互等待显示某个状态变化场景中,大多数是前台轮询请求数据,等待后台数据改变,然后在前台页面中显示出某种状态的变化。然而，HTTP请求可能包含较长的头部，而在这较长的头部中真正有效的数据可能只是很小的一部分，显然这样会浪费很多的宽度等资源。

发明内容

本发明是针对上述现有技术的不足，提供一种实用性强的基于WebSocket到前台的处理方法。

本发明进一步的技术任务是提供一种方便快捷的基于WebSocket到前台的处理系统。

本发明解决其技术问题所采用的技术方案是：

一种基于WebSocket到前台的处理机制，客户端向服务器发送WebSocket连接，服务器应答，客户端和服务器直接交换数据，所述服务器定时检测Jenkins的Pipeline状态是否发生变化，并把该状态在页面中显示出来。

作为优选，所述客户端向服务器发送WebSocket连接时，以URL格式发送。

作为优选，所述服务器响应客户端发来的WebSocket请求时，建立长连接，客户端和服务器通过TCP直接交换数据。

进一步的，所述服务器后台定时监测Jenkins的Pipeline状态的变化，若Pipeline状态不发生变化，则继续检测。

进一步的，若服务器后台定时监测Jenkins的Pipeline状态有变化，服务器端通过约定的数据格式整合一条Pipeline数据，并将整合的Pipeline数据发送至客户端，所述客户端通过Pipeline的唯一标识来匹配对应的Pipeline，更新对应的一条Pipeline数据，并将Pipeline状态变化在前台页面中展示出来。

进一步的，所述客户端会定期去监测WebSocket的readyState，如果WebSocket的readyState为CONNECTING或者OPEN，则不做处理。

进一步的，所述客户端定期去监测WebSocket的readyState时，如果WebSocket的readyState为CLOSING或者CLOSED，则重新向客户端重新建立连接。

一种基于WebSocket到前台的处理系统，该系统包括客户端和服务器，所述客户端用于通过TCP以URL格式向服务器发送WebSocket连接，所述服务器用于应答客户端的连接，并定时检测Jenkins的Pipeline状态是否发生变化，并把该状态在页面中显示出来。

进一步的，所述服务器后台用于定时监测Jenkins的Pipeline状态的变化，若Pipeline状态的变化不发生变化，则继续检测；

若Pipeline状态的变化发生变化，服务器端用于通过约定的数据格式整合一条Pipeline数据，并将整合的Pipeline数据发送至客户端，所述客户端用于通过Pipeline的唯一标识来匹配对应的Pipeline，更新对应的一条Pipeline数据，并将Pipeline状态变化在前台页面中展示出来。