一种基于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连接。

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

由于采用了如上的技术方案，本发明的有益效果在于：本发明通过中间件将服务端推送的页面数据进行缓存并渲染，当客户端需要访问页面时，中间件直接将渲染好的页面数据推送至客户端进行显示，有效地降低了页面访问的响应时间，并能在页面展示的同时即可把页面数据展示，不会影响后续的动态推送数据。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是现有的页面访问方法的流程图。

图2是本发明的页面快速访问方法的流程图。

具体实施方式

为了使本发明实现的技术手段、创作特征、达成目的与功效易于明白了解，下面结合具体图示，进一步阐述本发明。

参见图2，图中给出的是一种基于websocket协议的页面快速访问方法，在服务端与客户端之间构建一个用于缓存页面数据的中间件，页面快速访问方法包括以下步骤：

步骤s10，中间件通过websocket协议与服务端建立连接；

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

步骤s30，中间件对服务端推送来的页面数据进行渲染；

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

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

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

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

在步骤s20中，中间件通过websocket协议与服务端建立连接，包括以下步骤：

步骤s21，中间件向服务端发送websocket连接请求；

步骤s22，判断中间件是否与服务端建立websocket连接；

步骤s23，若判断为连接成功，则中间件与服务端建立websocket连接；若判断为连接失败，则返回步骤s21，直至中间件与服务端之间建立websocket连接。

当服务端中页面数据需要更新时，服务端将更新后的页面数据推送至中间件，中间件将更新后的页面数据替换原有的页面数据进行缓存，并对更新的页面数据进行渲染。

以上显示和描述了本发明的基本原理和主要特征和本发明的优点。本行业的技术人员应该了解，本发明不受上述实施例的限制，上述实施例和说明书中描述的只是说明本发明的原理，在不脱离本发明精神和范围的前提下，本发明还会有各种变化和改进，这些变化和改进都落入要求保护的本发明范围内。本发明要求保护范围由所附的权利要求书及其等效物界定。

技术特征：

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

技术研发人员：王梦涛
受保护的技术使用者：上海七印信息科技有限公司
技术研发日：2019.01.04
技术公布日：2019.06.14