[发明专利]一种基于WebSocket协议的页面快速访问方法

说明书

本发明公开的一种基于WebSocket协议的页面快速访问方法，在服务端与客户端之间构建一个用于缓存页面数据的中间件，当客户端请求访问页面时，中间件将缓存并渲染好的页面数据推送至客户端进行显示。本发明有效地降低了页面访问的响应时间，并能在页面展示的同时即可把页面数据展示，不会影响后续的动态推送数据。

技术领域

本发明涉及计算机技术领域，尤其涉及一种基于WebSocket协议的页面快速访问方法。

背景技术

参见图1，图中给出的是现有的页面访问方法，包括以下步骤：1、服务端创建WebSocket服务并等待连接；2、客户端向服务端发送页面访问请求，在得到服务端的响应后与服务端建立WebSocket连接，此时的访问页面中还没有相关数据；3、服务端对页面数据进行渲染，并将渲染后的页面数据通过WebSocket连接通道推送至客户端，客户端接收到页面访问数据并将接收到的页面访问数据进行显示。但是，这种页面访问方法存在以下一些问题：1、WebSocket只能在客户端完成渲染之后才会调用js程序来建立通道进行数据的传递，在WebSocket连接通道建立之前并不能获取到服务端的数据，这样大大降低了页面的响应时间；2、服务端只能对自身所存储的数据进行渲染，在没有建立WebSocket连接通道的情况下，服务端无法及时将数据渲染到访问页面上，这样也会降低页面的访问速度。

为此，本申请人经过有益的探索和研究，找到了解决上述问题的方法，下面将要介绍的技术方案便是在这种背景下产生的。

发明内容

本发明所要解决的技术问题在于：针对现有技术的不足而提供一种降低页面访问的响应时间的基于WebSocket协议的页面快速访问方法。

本发明所要解决的技术问题可以采用如下技术方案来实现：

一种基于WebSocket协议的页面快速访问方法，在服务端与客户端之间构建一个用于缓存页面数据的中间件，所述页面快速访问方法包括以下步骤：

所述中间件通过WebSocket协议与所述服务端建立连接；

所述服务端一方面创建WebSocket服务并等待所述客户端发送页面访问请求，另一方面将页面数据推送至所述中间件进行缓存；

所述中间件对所述服务端推送来的页面数据进行渲染；

当需要访问页面时，所述客户端生成一个页面访问请求发送至所述服务端，与此同时，所述客户端通过WebSocket协议与所述中间件建立连接；

所述服务端对所述客户端发送来的页面访问请求进行处理，并与所述客户端建立WebSocket连接，同时所述服务端根据所述页面访问请求生成一个页面数据推送指令发送至所述中间件；

所述中间件接收到所述服务端发送来的页面数据推送指令后，对渲染好的页面数据推送至所述客户端；

所述客户端接收到所述中间件推送的渲染好的页面数据，并对接收到页面数据进行显示。

在本发明的一个优选实施例中，所述中间件通过WebSocket协议与所述服务端建立连接，包括以下步骤：

所述中间件向所述服务端发送WebSocket连接请求；

判断所述中间件是否与所述服务端建立WebSocket连接；

若判断为连接成功，则所述中间件与所述服务端建立WebSocket连接；若判断为连接失败，则所述中间件再次重新向所述服务端发送WebSocket连接请求，直至所述中间件与所述服务端之间建立WebSocket连接。

在本发明的一个优选实施例中，当所述服务端中页面数据需要更新时，所述服务端将更新后的页面数据推送至所述中间件，所述中间件将更新后的页面数据替换原有的页面数据进行缓存，并对更新的页面数据进行渲染。