CN109889493B - 一种基于WebSocket协议的页面快速访问方法 - Google Patents
一种基于WebSocket协议的页面快速访问方法 Download PDFInfo
- Publication number
- CN109889493B CN109889493B CN201910008620.2A CN201910008620A CN109889493B CN 109889493 B CN109889493 B CN 109889493B CN 201910008620 A CN201910008620 A CN 201910008620A CN 109889493 B CN109889493 B CN 109889493B
- Authority
- CN
- China
- Prior art keywords
- middleware
- server
- page
- page data
- websocket
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Abstract
本发明公开的一种基于WebSocket协议的页面快速访问方法,在服务端与客户端之间构建一个用于缓存页面数据的中间件,当客户端请求访问页面时,中间件将缓存并渲染好的页面数据推送至客户端进行显示。本发明有效地降低了页面访问的响应时间,并能在页面展示的同时即可把页面数据展示,不会影响后续的动态推送数据。
Description
技术领域
本发明涉及计算机技术领域,尤其涉及一种基于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连接。
当服务端中页面数据需要更新时,服务端将更新后的页面数据推送至中间件,中间件将更新后的页面数据替换原有的页面数据进行缓存,并对更新的页面数据进行渲染。
以上显示和描述了本发明的基本原理和主要特征和本发明的优点。本行业的技术人员应该了解,本发明不受上述实施例的限制,上述实施例和说明书中描述的只是说明本发明的原理,在不脱离本发明精神和范围的前提下,本发明还会有各种变化和改进,这些变化和改进都落入要求保护的本发明范围内。本发明要求保护范围由所附的权利要求书及其等效物界定。
Claims (2)
1.一种基于WebSocket协议的页面快速访问方法,其特征在于,在服务端与客户端之间构建一个用于缓存页面数据的中间件,所述页面快速访问方法包括以下步骤:
所述中间件通过WebSocket协议与所述服务端建立连接;
所述服务端一方面创建WebSocket服务并等待所述客户端发送页面访问请求,另一方面将页面数据推送至所述中间件进行缓存;
所述中间件对所述服务端推送来的页面数据进行渲染;
当需要访问页面时,所述客户端生成一个页面访问请求发送至所述服务端,与此同时,所述客户端通过WebSocket协议与所述中间件建立连接;
所述服务端对所述客户端发送来的页面访问请求进行处理,并与所述客户端建立WebSocket连接,同时所述服务端根据所述页面访问请求生成一个页面数据推送指令发送至所述中间件;
所述中间件接收到所述服务端发送来的页面数据推送指令后,对渲染好的页面数据推送至所述客户端;
所述客户端接收到所述中间件推送的渲染好的页面数据,并对接收到页面数据进行显示;
当所述服务端中页面数据需要更新时,所述服务端将更新后的页面数据推送至所述中间件,所述中间件将更新后的页面数据替换原有的页面数据进行缓存,并对更新的页面数据进行渲染。
2.如权利要求1所述的基于WebSocket协议的页面快速访问方法,其特征在于,所述中间件通过WebSocket协议与所述服务端建立连接,包括以下步骤:
所述中间件向所述服务端发送WebSocket连接请求;
判断所述中间件是否与所述服务端建立WebSocket连接;
若判断为连接成功,则所述中间件与所述服务端建立WebSocket连接;若判断为连接失败,则所述中间件再次重新向所述服务端发送WebSocket连接请求,直至所述中间件与所述服务端之间建立WebSocket连接。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910008620.2A CN109889493B (zh) | 2019-01-04 | 2019-01-04 | 一种基于WebSocket协议的页面快速访问方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910008620.2A CN109889493B (zh) | 2019-01-04 | 2019-01-04 | 一种基于WebSocket协议的页面快速访问方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN109889493A CN109889493A (zh) | 2019-06-14 |
CN109889493B true CN109889493B (zh) | 2021-08-13 |
Family
ID=66925576
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910008620.2A Active CN109889493B (zh) | 2019-01-04 | 2019-01-04 | 一种基于WebSocket协议的页面快速访问方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109889493B (zh) |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103778236A (zh) * | 2014-01-26 | 2014-05-07 | 网宿科技股份有限公司 | 网页数据分发处理方法和装置及网页生成处理方法和装置 |
CN103838813A (zh) * | 2012-11-21 | 2014-06-04 | 通用电气公司 | 零空间占用医学图像查看的系统和方法 |
CN107277612A (zh) * | 2016-04-05 | 2017-10-20 | 韩华泰科株式会社 | 用于在web浏览器上播放媒体流的方法和设备 |
CN108241703A (zh) * | 2016-12-27 | 2018-07-03 | 腾讯科技(深圳)有限公司 | 网页数据传输方法和装置 |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102456035A (zh) * | 2010-10-28 | 2012-05-16 | 金蝶软件(中国)有限公司 | 一种网页资源缓存控制方法、装置及系统 |
CN103455478A (zh) * | 2012-05-21 | 2013-12-18 | 腾讯科技(深圳)有限公司 | 加速网页访问的方法和装置 |
CN106933851A (zh) * | 2015-12-30 | 2017-07-07 | 阿里巴巴集团控股有限公司 | 渲染网页的方法、装置和系统 |
CN107203541B (zh) * | 2016-03-17 | 2020-04-14 | 台达电子企业管理(上海)有限公司 | 页面加载方法及其页面加载装置 |
-
2019
- 2019-01-04 CN CN201910008620.2A patent/CN109889493B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103838813A (zh) * | 2012-11-21 | 2014-06-04 | 通用电气公司 | 零空间占用医学图像查看的系统和方法 |
CN103778236A (zh) * | 2014-01-26 | 2014-05-07 | 网宿科技股份有限公司 | 网页数据分发处理方法和装置及网页生成处理方法和装置 |
CN107277612A (zh) * | 2016-04-05 | 2017-10-20 | 韩华泰科株式会社 | 用于在web浏览器上播放媒体流的方法和设备 |
CN108241703A (zh) * | 2016-12-27 | 2018-07-03 | 腾讯科技(深圳)有限公司 | 网页数据传输方法和装置 |
Also Published As
Publication number | Publication date |
---|---|
CN109889493A (zh) | 2019-06-14 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9864811B2 (en) | Terminal device, system for providing picture and method for transmitting picture | |
CN102761564B (zh) | 图形共享方法、系统与终端 | |
US7594022B2 (en) | Regulating client requests in an electronic messaging environment | |
US20070271332A1 (en) | Dynamically Updating Rendered Content | |
US9686506B2 (en) | Method, apparatus, system, and storage medium for video call and video call control | |
CN110730196B (zh) | 一种网络资源访问方法、计算机设备、存储介质 | |
CN102158553A (zh) | 用于远程桌面的播放多媒体文件的方法和装置 | |
US10659556B2 (en) | Progressive hybrid web application | |
CN108733720B (zh) | 多数据库类型的sql查询的在线校验方法和校验系统 | |
US20140317230A1 (en) | Cache based enhancement to optimization protocol | |
CN109937566B (zh) | 用于在联网环境中进行计算卸载的方法和装置 | |
US9906626B2 (en) | Resource demand-based network page generation | |
US20120242841A1 (en) | System and method for transmitting real-time images | |
WO2015035957A1 (zh) | 一种视频资源获取方法、后台服务器、视频客户端及系统 | |
CN109889493B (zh) | 一种基于WebSocket协议的页面快速访问方法 | |
EP3206376A1 (en) | Network communication system and method with web push protocol | |
CN104836820A (zh) | 客户端交互方法与系统以及客户端 | |
CN103491393A (zh) | 一种视频业务处理方法及设备 | |
US11683557B2 (en) | Method for playing MP4 online, device, and storage medium | |
US20210185401A1 (en) | Preload hinting for low latency http live streaming system | |
CN110730251B (zh) | 一种解析域名的方法、装置、介质和电子设备 | |
CN114218317A (zh) | 进度信息管控方法、微服务装置、电子设备及存储介质 | |
CN116366619A (zh) | 数据传输方法、装置、设备及存储介质 | |
CN110865845A (zh) | 提高接口访问效率的方法、存储介质 | |
CN113849255B (zh) | 一种数据处理方法、设备以及存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |