CN111367596B - 一种实现业务数据处理的方法及装置和客户端 - Google Patents

一种实现业务数据处理的方法及装置和客户端 Download PDF

Info

Publication number
CN111367596B
CN111367596B CN201811594773.1A CN201811594773A CN111367596B CN 111367596 B CN111367596 B CN 111367596B CN 201811594773 A CN201811594773 A CN 201811594773A CN 111367596 B CN111367596 B CN 111367596B
Authority
CN
China
Prior art keywords
service
request
page
client
data
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
Application number
CN201811594773.1A
Other languages
English (en)
Other versions
CN111367596A (zh
Inventor
王智力
樊迪
张帅
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Alibaba Group Holding Ltd
Original Assignee
Alibaba Group Holding Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Alibaba Group Holding Ltd filed Critical Alibaba Group Holding Ltd
Priority to CN201811594773.1A priority Critical patent/CN111367596B/zh
Publication of CN111367596A publication Critical patent/CN111367596A/zh
Application granted granted Critical
Publication of CN111367596B publication Critical patent/CN111367596B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • Databases & Information Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Data Mining & Analysis (AREA)
  • Human Computer Interaction (AREA)
  • Information Transfer Between Computers (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)

Abstract

本申请公开了一种实现业务数据处理的方法及装置和客户端，包括：在第二次请求访问页面时，客户端利用服务工作线程Service Worker拦截页面请求；采用与拦截的页面请求对应的、缓存的用于请求业务数据的路由信息请求业务数据并缓存请求到的业务数据，利用Service Worker缓存并更新所述路由信息；客户端利用Service Worker拦截业务请求，采用缓存的业务数据渲染数据界面。本申请在页面请求响应时，客户端利用Service Worker的拦截功能，并行通过缓存的路由信息实现了对业务数据的请求过程。这样，在客户端请求业务数据时，只需在客户端本地就能获得用于渲染数据界面的业务数据，从而提高了加载效率，提升了用户体验。

Description

一种实现业务数据处理的方法及装置和客户端
技术领域
本申请涉及但不限于计算机技术，尤指一种实现业务数据处理的方法及装置和客户端。
背景技术
随着万维网2.0(Web2.0)技术的兴起，Web应用程序已经大规模的采用类似于客户端/服务端(C/S，Client/Server)架构的模式在浏览器/服务器(B/S，Browser/Server)应用中使用，也就是常说的单页应用(SPA，Single Page Application)。页面的用户界面(UI，User Interface)由网页前端(即客户端)JavaScript(也称JS)语言渲染，后端(即服务端)只负责渲染基础超文本标记语言(HTML，HyperText Markup Language)结构，这样也使得网页前端和服务端在协作上得到了真正分离，大大提升了协作效率。
但是，由于网页前端必须等到页面html/js被网页前端的浏览器端解析完后，才会向服务端发起页面级初始化数据接口请求以请求相关数据，然后再进行渲染，整个处理过程是串行进行的。随着网页前端代码量激增的情况，解析html/js的耗时在非常优秀的机器上都会需要约700毫秒(ms)-800ms左右，这种状况对于页面级初始化接口请求发起的接口预加载来讲是不可忍受的，由于页面级初始化数据接口请求的延迟发送，造成了最终页面的延迟展示，也就是说，对于用户来讲，打开一个页面需要在做完一系列处理之后，这段时间会有一段白屏，无疑降低了用户体验。
发明内容
本发明实施例提供一种实现业务数据处理的方法及装置和客户端，能够提高加载效率，提升用户体验。
本发明实施例提供了一种实现业务数据处理的方法，在第二次请求访问页面时，包括：
客户端利用服务工作线程Service Worker拦截页面请求；
客户端利用Service Worker采用与拦截的页面对应的、缓存的用于请求业务数据的路由信息请求业务数据并缓存请求到的业务数据，利用Service Worker缓存并更新所述路由信息；
客户端利用Service Worker拦截业务请求，采用缓存的业务数据渲染数据界面。
在一种示例性实例中，所述方法还包括：
所述客户端首次请求访问所述页面时，利用所述Service Worker缓存所述路由信息。
在一种示例性实例中，所述利用Service Worker缓存路由信息，包括：
采用通用接口请求管理库，将所述路由信息发送给所述Service Worker；所述Service Worker将获得的路由信息缓存在IndexDB前端数据库中。
在一种示例性实例中，所述方法还包括：所述客户端获得页面响应信息；所述利用Service Worker缓存并更新所述路由信息，包括：
所述Service Worker向所述IndexedDB发送预加载请求，所述IndexedDB向所述Service Worker返回所述预加载的路由信息。
在一种示例性实例中，所述客户端首次加载所述页面时，利用Service Worker缓存所述路由信息，包括：
所述客户端渲染基础HTML结构；加载、解析、编译JS/CSS；渲染初始化界面；
请求业务数据、渲染数据界面，同时采用通用接口请求管理库收集所述路由信息并缓存。
在一种示例性实例中，在所述客户端首次加载页面时，所述渲染初始化界面之前，还包括：
判断是否存在Service Worker脚本，如果不存在Service Worker脚本，则加载Service Worker脚本以生成所述Service Worker。
在一种示例性实例中，所述路由信息包括：需要预加载的接口统一资源定位URL地址集合，以及所述页面请求对应的URL地址。
本申请还提供了一种计算机可读存储介质，存储有计算机可执行指令，所述计算机可执行指令用于执行上述任一项所述的实现业务数据加载的方法。
本申请又提供了一种用于实现业务数据处理的装置，包括存储器和处理器，其中，存储器中存储有以下可被处理器执行的指令：用于执行上述任一项所述的实现业务数据加载的方法的步骤。
本申请再提供了一种实现业务数据处理的方法，在第二次请求访问页面时，包括：
客户端拦截页面请求；
客户端采用与拦截的页面请求对应的、缓存的用于请求业务数据的路由信息请求业务数据并缓存请求到的业务数据，缓存并更新所述路由信息；
客户端拦截业务请求，采用缓存的业务数据渲染数据界面。
本申请还提供了一种用于业务数据处理的装置，包括存储器和处理器，其中，存储器中存储有以下可被处理器执行的指令：用于执行本申请再提供的所述的实现业务数据加载的方法的步骤。
本申请还提供了一种客户端，包括：浏览器端，Service Worker端；其中，
浏览器端，用于接收页面加载访问请求，响应页面加载请求；发起业务数据请求；采用缓存的业务数据渲染数据界面；
Service Worker端，用于确定页面访问请求为第二次访问页面请求，拦截页面访问请求，采用缓存的用于请求业务数据的路由信息请求业务数据并缓存请求到的业务数据；缓存并更新所述路由信息；拦截业务请求，并向浏览器端返回缓存的业务数据。
在一种示例性实例中，所述Service Worker端还用于：确定出所述访问页面请求为首次访问页面请求，缓存所述用于请求业务数据的路由信息。
在一种示例性实例中，所述路由信息包括：需要预加载的URL地址集合，以及与所述页面请求对应的URL地址。
本申请包括：在第二次请求访问页面时，客户端利用服务工作线程ServiceWorker拦截页面请求；采用与拦截的页面请求对应的、缓存的用于请求业务数据的路由信息请求业务数据并缓存请求到的业务数据，利用Service Worker缓存并更新所述路由信息；客户端利用Service Worker拦截业务请求，采用缓存的业务数据渲染数据界面。本申请在页面请求响应时，客户端利用Service Worker的拦截功能，并行通过缓存的路由信息实现了对业务数据的请求过程。这样，在客户端请求业务数据时，只需在客户端本地就能获得用于渲染数据界面的业务数据，从而提高了加载效率，提升了用户体验。
进一步地，客户端首次加载页面时，本申请还包括：利用Service Worker缓存用于请求业务数据的路由信息。这样，为第二次加载页面时在客户端本地实现业务数据请求提供了保证。
本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点可通过在说明书、权利要求书以及附图中所特别指出的结构来实现和获得。
附图说明
附图用来提供对本申请技术方案的进一步理解，并且构成说明书的一部分，与本申请的实施例一起用于解释本申请的技术方案，并不构成对本申请技术方案的限制。
图1为本申请实现业务数据处理的方法实施例的流程图；
图2为本申请实现业务数据处理的方法的实施例的流程示意图；
图3为本申请实现业务数据处理的装置的组成结构示意图。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚明白，下文中将结合附图对本申请的实施例进行详细说明。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互任意组合。
在本申请一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括非暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。
在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行。并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。
本申请提供一种实现业务数据处理的方法，包括：在第二次请求访问页面时，客户端利用服务工作线程Service Worker拦截页面请求；客户端利用Service Worker采用与拦截的页面对应的、缓存的用于请求业务数据的路由信息请求业务数据并缓存请求到的业务数据，利用Service Worker缓存并更新所述路由信息；客户端利用Service Worker拦截业务请求，采用缓存的业务数据渲染数据界面。
服务工作线程(Service worker)是一种由Javascript编写的浏览器端代理脚本，位于浏览器端和服务端之间。其中，浏览器端可以是独立的网页浏览器，也可以是嵌入到APP中的浏览器模块。Service worker是基于事件的，只在处理事件时才会被调入内存。当一个页面注册了一个Service worker时，就可以注册一系列事件处理器来响应如网络请求、消息推送等事件。Service worker还可以用来管理缓存，比如：当响应一个网络请求时，可以配置为返回缓存数据还是从网络获取数据。
图1为本申请实现业务数据处理的方法实施例的流程图，如图1所示，包括：
步骤100：在第二次请求访问页面时，客户端利用Service Worker拦截页面请求。
一个Service Worker是一段运行在浏览器后台进程中的脚本，Service Worker独立于当前页面，提供不需要与页面交互的功能并在网页背后悄悄执行的能力。ServiceWorker本质上充当Web应用程序与浏览器之间的代理服务器，也可以在网络可用时作为浏览器和网络间的代理。Service Worker旨在使得能够创建有效的离线体验，拦截网络请求并基于网络是否可用以及更新的资源是否驻留在服务器上来采取适当的动作。ServiceWorker还允许访问推送通知和后台同步API。
在一种示例性实例中，可以通过触发Fetch事件，在每次Web页面发出请求时，使得Service Worker实现对页面请求的拦截。
在一种示例性实例中，步骤100之前还包括：
客户端首次请求访问页面时，利用Service Worker缓存用于请求业务数据的路由信息。
在一种示例性实例中，路由信息包括应用程序编程接口(API，ApplicationProgramming Interface)地址。
在一种示例性实例中，路由信息包括：需要预加载的接口统一资源定位(URL，Uniform Resource Locator)地址集合，以及与页面请求对应的URL地址。
在一种示例性实例中，利用Service Worker缓存路由信息包括：
采用一个通用接口请求管理库，将路由信息如需要预加载的接口URL地址集合与页面请求对应的URL地址发送给Service Worker；Service Worker将获得的需要预加载的接口URL地址集合与页面请求对应的URL地址缓存在IndexDB前端数据库中。其中，IndexedDB是一种低级API，用于客户端存储大量结构化数据。
这里，ServiceWorke和页面之间可以通过posetMessage()方法发送消息，发送的消息可以通过消息(Message)事件接收到。这是一个双向的过程，页面可以发送消息给Service Worker，Service Worker也可以发送消息给页面，本申请中，通过将ServiceWorker作为中间纽带，使得一个域名或者子域名下的多个页面之间可以自由通信。
在一种示例性实例中，客户端首次请求访问页面时，利用Service Worker缓存所述路由信息，包括：
渲染基础HTML结构；加载、解析、编译JS/CSS；渲染初始化界面；
请求业务数据、渲染数据界面，同时采用通用接口请求管理库收集所述路由信息并缓存。
其中，JS是Javascript的缩写，是一种编程语言；CSS是层叠样式表(CascadingStyle Sheets)的缩写，是一种编程语言。
可选地，在客户端首次请求访问页面时，渲染初始化界面之前，还包括：
判断是否存在Service Worker脚本，如果不存在Service Worker脚本，则加载Service Worker脚本以生成Service Worker。
步骤101：客户端利用Service Worker采用与拦截的页面对应的、缓存的用于请求业务数据的路由信息请求业务数据并缓存请求到的业务数据，利用Service Worker缓存并更新所述路由信息。
本步骤中，客户端一边按照现有流程响应页面请求的过程，一边利用ServiceWorker发起对业务数据的请求，也就是说，二者并行进行。换句话说，本步骤在响应页面请求的同时，利用Service Worker获取了页面渲染所需的业务数据。
在一种示例性实例中，客户端响应页面请求，包括：
渲染基础HTML结构；加载、解析、编译JS/CSS；请求业务数据。
在一种示例性实例中，利用Service Worker发起缓存并更新路由信息，包括：
Service Worker向IndexedDB发送预加载请求，IndexedDB向Service Worker返回预加载的路由信息，其中，预加载的路由信息包括：与当前页面请求对应的需要预加载的接口URL地址集合，以及与页面请求对应的URL地址。
步骤102：客户端利用Service Worker拦截业务请求，采用缓存的业务数据渲染数据界面。
通过本步骤，在正式渲染数据页面时，只需在客户端本地就能获得用于请求业务数据的路由信息，而不需要在从服务端请求获取业务数据，使得客户端在本地实现了快速网页渲染。
从本申请提供的实现业务数据处理载的方法可见，在页面请求响应时，客户端利用Service Worker的拦截功能，并行通过缓存的路由信息实现了对业务数据的请求过程。这样，在客户端请求业务数据时，只需在客户端本地就能获得用于渲染数据界面的业务数据，从而提高了加载效率，提升了用户体验。
本申请还提供一种计算机可读存储介质，存储有计算机可执行指令，所述计算机可执行指令用于执行上任一项的实现业务数据处理的方法。
本申请再提供一种计算机装置，包括存储器和处理器，其中，存储器中存储有上述任一项的实现业务数据处理的方法的步骤。
图2为本申请实现业务数据处理的方法的实施例的流程示意图，如图2所示，包括：
步骤200：在Web客户端中的浏览器端首次请求访问页面即进行第一次渲染时，渲染基础HTML结构。
步骤2011～步骤2021：浏览器端加载、解析、编译JS/CSS；同时，Web客户端中的Service Worker端在确定本地不存在Service Worker脚本时，加载Service Worker脚本并生成Service Worker。
步骤2012：渲染初始化界面。
步骤202：采用通用接口请求管理库收集用于请求业务数据的路由信息，如本实施例中的预加载的API地址，并存储到IndexDB前端数据库中。
这里，ServiceWorke和页面之间可以通过posetMessage()方法发送消息，发送的消息可以通过消息(Message)事件接收到。这是一个双向的过程，页面可以发送消息给Service Worker，Service Worker也可以发送消息给页面，本申请中，通过将ServiceWorker作为中间纽带，使得一个域名或者子域名下的多个页面之间可以自由通信。
在一种实例性实例中，收集的预加载的API地址包括：需要预加载的接口URL地址集合与对应的页面请求URL地址。
步骤203：浏览器端请求业务数据集图2中的初始化数据。
步骤204：浏览器端利用请求到的业务数据渲染数据界面。
步骤300：在Web客户端中的浏览器端第二次请求访问页面即进行第二次渲染时，Web客户端中的Service Worker端拦截页面请求(Page Request)。
步骤3011～步骤3021：浏览器端响应页面请求，渲染基础HTML结构；同时，ServiceWorker端向IndexedDB发送预加载请求以获取预加载请求响应信息。
在一种实例性实例中，预加载请求响应信息包括：与当前页面请求对应的用于请求业务数据的路由信息如需要预加载的接口URL地址集合与对应的页面请求URL地址。
步骤3012～步骤3024：浏览器端加载、解析、编译JS/CSS；浏览器端请求月数据即图2中的请求初始化数据；同时，Service Worker端缓存请求响应包，其中，请求响应包至少包括预加载的API地址；Service Worker端拦截浏览器端的业务数据请求，获取缓存的请求响应包。
其中，预加载的API地址包括：与当前页面请求对应的需要预加载的接口URL地址集合与对应的页面请求URL地址。
步骤303：利用获得的请求响应包中的信息实现数据界面渲染。也就是说，在第二次之后的页面加载中，只需要利用缓存在客户端本地的业务数据即可完成数据渲染，而不需要再向服务端发起业务数据请求，从而提高了加载效率，提升了用户体验。
本申请再提供了一种实现业务数据处理的方法，在第二次请求访问页面时，包括：
客户端拦截页面请求；
客户端采用与拦截的页面请求对应的、缓存的用于请求业务数据的路由信息请求业务数据并缓存请求到的业务数据，缓存并更新所述路由信息；
客户端拦截业务请求，采用缓存的业务数据渲染数据界面。
本申请还提供了一种用于业务数据处理的装置，包括存储器和处理器，其中，存储器中存储有以下可被处理器执行的指令：用于执行本申请再提供的所述的实现业务数据加载的方法的步骤。
图3为本申请实现业务数据处理的装置的组成结构示意图，如图3所示，至少包括：Service Worker端，浏览器端；其中，
浏览器端，用于接收页面访问请求，响应页面加载请求；发起业务数据请求；采用缓存的业务数据渲染数据界面；
Service Worker端，用于确定页面访问请求为第二次访问页面请求，拦截页面访问请求，采用缓存的用于请求业务数据的路由信息请求业务数据并缓存请求到的业务数据；缓存并更新所述路由信息；拦截业务请求，并向浏览器端返回缓存的业务数据。
在一种示例性实例中，Service Worker端，还用于：
确定出页面访问求为首次访问页面请求，缓存所述用于请求业务数据的路由信息。
在一种示例性实例中，用于请求业务数据的路由信息包括：需要预加载的URL地址集合与对应的页面请求URL地址。
本申请还提供一种客户端，其中至少包括图3所示的任一项实现业务数据处理的装置。
虽然本申请所揭露的实施方式如上，但所述的内容仅为便于理解本申请而采用的实施方式，并非用以限定本申请。任何本申请所属领域内的技术人员，在不脱离本申请所揭露的精神和范围的前提下，可以在实施的形式及细节上进行任何的修改与变化，但本申请的专利保护范围，仍须以所附的权利要求书所界定的范围为准。

Claims (11)

1.一种实现业务数据处理的方法，在客户端首次请求访问页面时，利用服务工作线程Service Worker缓存路由信息，包括：所述客户端渲染基础HTML结构；加载、解析、编译JS/CSS；渲染初始化界面；请求业务数据、渲染数据界面，同时采用通用接口请求管理库收集所述路由信息并缓存；
在第二次请求访问页面时，包括：所述客户端利用Service Worker拦截页面请求；
所述客户端利用Service Worker采用与拦截的页面对应的、缓存的用于请求业务数据的路由信息请求业务数据并缓存请求到的业务数据，利用Service Worker缓存并更新所述路由信息；
所述客户端利用Service Worker拦截业务请求，采用缓存的业务数据渲染数据界面。
2.根据权利要求1所述的方法，其中，所述利用Service Worker缓存路由信息，包括：
采用通用接口请求管理库，将所述路由信息发送给所述Service Worker；所述ServiceWorker将获得的路由信息缓存在IndexDB前端数据库中。
3.根据权利要求2所述的方法，所述方法还包括：所述客户端获得页面响应信息；所述利用Service Worker缓存并更新所述路由信息，包括：
所述Service Worker向IndexedDB发送预加载请求，所述IndexedDB向所述ServiceWorker返回所述预加载的路由信息。
4.根据权利要求1所述的方法，在所述客户端首次加载页面时，所述渲染初始化界面之前，还包括：
判断是否存在Service Worker脚本，如果不存在Service Worker脚本，则加载ServiceWorker脚本以生成所述Service Worker。
5.根据权利要求1至3中任一项所述的方法，其中，所述路由信息包括：需要预加载的接口统一资源定位URL地址集合，以及所述页面请求对应的URL地址。
6.一种计算机可读存储介质，存储有计算机可执行指令，所述计算机可执行指令用于执行权利要求1~权利要求5任一项所述的实现业务数据处理的方法。
7.一种用于实现业务数据处理的装置，包括存储器和处理器，其中，存储器中存储有以下可被处理器执行的指令：用于执行权利要求1~权利要求5任一项所述的实现业务数据处理的方法的步骤。
8.一种实现业务数据处理的方法，在客户端首次请求访问页面时，利用服务工作线程Service Worker缓存路由信息，包括：所述客户端渲染基础HTML结构；加载、解析、编译JS/CSS；渲染初始化界面；请求业务数据、渲染数据界面，同时采用通用接口请求管理库收集所述路由信息并缓存；
在第二次请求访问页面时，包括：
客户端拦截页面请求；
客户端采用与拦截的页面请求对应的、缓存的用于请求业务数据的路由信息请求业务数据并缓存请求到的业务数据，缓存并更新所述路由信息；
客户端拦截业务请求，采用缓存的业务数据渲染数据界面。
9.一种用于业务数据处理的装置，包括存储器和处理器，其中，存储器中存储有以下可被处理器执行的指令：用于执行权利要求8所述的实现业务数据处理的方法的步骤。
10.一种客户端，包括：浏览器端，Service Worker端；其中，
浏览器端，用于接收页面加载访问请求，响应页面加载请求；发起业务数据请求；采用缓存的业务数据渲染数据界面；
Service Worker端，用于确定页面访问请求为第二次访问页面请求，拦截页面访问请求，采用缓存的用于请求业务数据的路由信息请求业务数据并缓存请求到的业务数据；缓存并更新所述路由信息；拦截业务请求，并向浏览器端返回缓存的业务数据；
所述Service Worker端还用于：确定出所述访问页面请求为首次访问页面请求，缓存所述用于请求业务数据的路由信息，包括：所述客户端渲染基础HTML结构；加载、解析、编译JS/CSS；渲染初始化界面；请求业务数据、渲染数据界面，同时采用通用接口请求管理库收集所述路由信息并缓存。
11.根据权利要求10所述的客户端，其中，所述路由信息包括：需要预加载的URL地址集合，以及与所述页面请求对应的URL地址。
CN201811594773.1A 2018-12-25 2018-12-25 一种实现业务数据处理的方法及装置和客户端 Active CN111367596B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201811594773.1A CN111367596B (zh) 2018-12-25 2018-12-25 一种实现业务数据处理的方法及装置和客户端

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201811594773.1A CN111367596B (zh) 2018-12-25 2018-12-25 一种实现业务数据处理的方法及装置和客户端

Publications (2)

Publication Number Publication Date
CN111367596A CN111367596A (zh) 2020-07-03
CN111367596B true CN111367596B (zh) 2023-06-23

Family

ID=71208541

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201811594773.1A Active CN111367596B (zh) 2018-12-25 2018-12-25 一种实现业务数据处理的方法及装置和客户端

Country Status (1)

Country Link
CN (1) CN111367596B (zh)

Families Citing this family (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111814085A (zh) * 2020-07-10 2020-10-23 四川长虹电器股份有限公司 基于JavaScript hook的新型WEB在线代理方法
CN111783018B (zh) * 2020-07-28 2024-07-05 支付宝(杭州)信息技术有限公司 一种页面处理方法、装置及设备
CN111708600B (zh) * 2020-08-20 2021-06-11 腾讯科技（深圳）有限公司 页面显示方法、装置、设备及计算机可读存储介质
CN112165449B (zh) * 2020-08-21 2022-06-14 杭州安恒信息技术股份有限公司 web应用实时权限的控制方法、电子装置和存储介质
CN112765503A (zh) * 2021-01-18 2021-05-07 中国工商银行股份有限公司 页面加载数据的静态化处理方法和装置
CN112926002A (zh) * 2021-03-10 2021-06-08 工银科技有限公司 一种服务请求的处理方法及装置
CN112861048A (zh) * 2021-03-10 2021-05-28 北京车和家信息技术有限公司 页面加载方法、装置、设备及计算机可读存储介质
CN113722647A (zh) * 2021-09-08 2021-11-30 北京沃东天骏信息技术有限公司 显示信息的方法和装置
CN113961832A (zh) * 2021-10-19 2022-01-21 广州虎牙科技有限公司 页面渲染的方法、装置、设备、存储介质及程序产品

Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
GB0021083D0 (en) * 2000-08-25 2000-10-11 Claripoint Ltd Web page access
USRE42869E1 (en) * 1998-09-29 2011-10-25 Ignite Sales, Inc. System and method for profiling customers for targeted marketing
CN103108035A (zh) * 2013-01-17 2013-05-15 深圳市中兴移动通信有限公司 一种基于webos的应用本地化方法及装置
US8468247B1 (en) * 2010-09-28 2013-06-18 Amazon Technologies, Inc. Point of presence management in request routing
CN105528452A (zh) * 2015-12-23 2016-04-27 北京奇虎科技有限公司 一种页面数据的加载方法和系统
CN106489145A (zh) * 2015-12-28 2017-03-08 华为技术有限公司 web网站的访问方法、装置及Web网站系统
CN106933890A (zh) * 2015-12-31 2017-07-07 华为技术有限公司 一种静态化页面的处理方法及装置
CN107608759A (zh) * 2017-08-31 2018-01-19 深圳市丰巢科技有限公司 基于jvm内存的本地缓存可视化实现方法、介质及设备
CN108632388A (zh) * 2018-05-15 2018-10-09 聚好看科技股份有限公司 一种分页内容的加载方法及装置

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6941512B2 (en) * 2001-09-10 2005-09-06 Hewlett-Packard Development Company, L.P. Dynamic web content unfolding in wireless information gateways

Patent Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
USRE42869E1 (en) * 1998-09-29 2011-10-25 Ignite Sales, Inc. System and method for profiling customers for targeted marketing
GB0021083D0 (en) * 2000-08-25 2000-10-11 Claripoint Ltd Web page access
US8468247B1 (en) * 2010-09-28 2013-06-18 Amazon Technologies, Inc. Point of presence management in request routing
CN103108035A (zh) * 2013-01-17 2013-05-15 深圳市中兴移动通信有限公司 一种基于webos的应用本地化方法及装置
CN105528452A (zh) * 2015-12-23 2016-04-27 北京奇虎科技有限公司 一种页面数据的加载方法和系统
CN106489145A (zh) * 2015-12-28 2017-03-08 华为技术有限公司 web网站的访问方法、装置及Web网站系统
CN106933890A (zh) * 2015-12-31 2017-07-07 华为技术有限公司 一种静态化页面的处理方法及装置
CN107608759A (zh) * 2017-08-31 2018-01-19 深圳市丰巢科技有限公司 基于jvm内存的本地缓存可视化实现方法、介质及设备
CN108632388A (zh) * 2018-05-15 2018-10-09 聚好看科技股份有限公司 一种分页内容的加载方法及装置

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
郝希亮 ; 张海鹏 ; .基于Web的多维数据可视化系统设计.软件导刊.2018,(第08期),全文. *

Also Published As

Publication number Publication date
CN111367596A (zh) 2020-07-03

Similar Documents

Publication Publication Date Title
CN111367596B (zh) 一种实现业务数据处理的方法及装置和客户端
CN105095280B (zh) 一种浏览器缓存方法和装置
EP2948846B1 (en) Resource calling for hybrid applications
US8954589B2 (en) Multi-process browser architecture
US8527862B2 (en) Methods for making ajax web applications bookmarkable and crawlable and devices thereof
US8516041B1 (en) Pre-fetching asynchronously requested content
US8725835B2 (en) Method and web server for implementing web access
US20130346542A1 (en) Common web accessible data store for client side page processing
CN103152367A (zh) 一种缓存的动态维护更新方法及系统
EP3528474B1 (en) Webpage advertisement anti-shielding methods and content distribution network
US10999399B2 (en) Offline use of network application
CN113094612A (zh) 客户端加载网页的方法、装置、电子设备及介质
CN106656920A (zh) Http服务的处理方法及装置
CN111259283B (zh) 一种页面资源预加载的处理方法及装置，电子和存储设备
US20140245124A1 (en) System and method thereof for browser agnostic extension models
US11477158B2 (en) Method and apparatus for advertisement anti-blocking
CN117421499A (zh) 前端处理方法、装置、终端设备以及存储介质
US11500652B2 (en) Method and system for application loading
US11716405B1 (en) System and method for identifying cache miss in backend application
CN103051722B (zh) 一种确定页面是否被劫持的方法及相关设备
CN110858238B (zh) 一种数据处理的方法和装置
CN112380468A (zh) 一种页面加载方法、计算机设备和存储介质
CN113569173A (zh) 页面加载方法及装置、存储介质、电子设备
CN113127788B (zh) 页面处理方法、对象处理方法、装置及设备
CN115167962A (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