一种页面加载方法、装置、系统及存储介质制造方法及图纸

本发明专利技术公开了一种页面加载方法、装置、系统及存储介质。该方法包括：响应于检测到页面加载指令，获取与所述页面加载指令对应的目标页面链接；基于所述目标页面链接，下载基础资源数据，并从预加载配置数据中获取与所述目标页面链接对应的至少一个目标接口数据；基于各所述目标接口数据，从接口服务器下载接口资源数据，并将所述接口资源数据存储在本地存储空间中；基于下载得到的基础资源数据以及所述本地存储空间中存储的接口资源数据，渲染生成与所述页面加载指令对应的目标页面。本发明专利技术实施例解决了现有预加载策略存在的预测结果不准确的问题，在保证了页面的加载速率的同时，提高了本地存储空间中存储的接口资源数据的利用率。用率。用率。

【技术实现步骤摘要】
一种页面加载方法、装置、系统及存储介质


[0001]本专利技术涉及互联网
，尤其涉及一种页面加载方法、装置、系统及存储介质。

技术介绍

[0002]H5(HTML5)页面是一种集文字、图片、音乐、视频及链接等多种形式的展示页面，在互联网飞速发展的时代，由于H5页面具备开发成本低、部署快、全平台支持以及不用发版审核等优势，使其在终端设备中得到了极广泛的应用。
[0003]受到H5技术的性能影响，H5页面加载渲染的速度明显低于原生页面，针对上述问题，目前采用的预加载策略为对用户可能会访问到的多个页面资源进行预测，并将预测到的页面资源提前保存在本地存储空间中，响应于用户输入的页面加载指令，基于本地存储空间中与页面加载指令对应的页面资源，执行页面加载操作。
[0004]在实现本专利技术的过程中，发现现有技术中至少存在以下技术问题：
[0005]现有的预加载策略可能会出现预测的页面资源不准确的情况，从而导致与页面加载指令对应的页面资源未被提前保存在本地存储空间中，降低了页面的加载速度。或者导致提前保存的多个页面资源未被使用，浪费带宽和本地存储空间。

技术实现思路

[0006]本专利技术实施例提供了一种页面加载方法、装置、系统及存储介质，以解决了现有预加载资源存在的预测结果不准确导致接口资源数据未被提前存储或未被使用的问题，提高本地存储空间中存储的接口资源数据的命中率和被使用率。
[0007]根据本专利技术一个实施例提供了一种页面加载方法，该方法包括：
[0008]响应于检测到页面加载指令，获取与所述页面加载指令对应的目标页面链接；
[0009]基于所述目标页面链接，下载基础资源数据，并从预加载配置数据中获取与所述目标页面链接对应的至少一个目标接口数据；
[0010]基于各所述目标接口数据，从接口服务器下载接口资源数据，并将所述接口资源数据存储在本地存储空间中；
[0011]基于下载得到的基础资源数据以及所述本地存储空间中存储的接口资源数据，渲染生成与所述页面加载指令对应的目标页面。
[0012]根据本专利技术另一个实施例提供了一种页面加载装置，该装置包括：
[0013]目标页面链接获取模块，用于响应于检测到页面加载指令，获取与所述页面加载指令对应的目标页面链接；
[0014]目标接口数据获取模块，用于在基于所述目标页面链接，下载基础资源数据，并从预加载配置数据中获取与所述目标页面链接对应的至少一个目标接口数据；
[0015]接口资源数据存储模块，用于基于各所述目标接口数据，从接口资源服务器中下载接口资源数据，并将所述接口资源数据存储在本地存储空间中；
[0016]目标页面渲染模块，用于基于下载得到的基础资源数据以及所述本地存储空间中存储的接口资源数据，渲染生成与所述页面加载指令对应的目标页面。
[0017]根据本专利技术另一个实施例提供了一种页面加载系统，该系统包括：终端设备和接口服务器；
[0018]其中，所述终端设备包括至少一个处理器；以及与所述至少一个处理器通信连接的存储器；其中，所述存储器存储有可被所述至少一个处理器执行的计算机程序，所述计算机程序被所述至少一个处理器执行，以使所述至少一个处理器能够执行本专利技术任一实施例所述的页面加载方法；
[0019]所述接口服务器，用于响应于检测到至少一个接口资源获取指令，将各所述接口资源获取指令对应的接口资源数据发送给所述客户端；其中，所述接口资源获取指令是所述客户端基于目标接口数据生成的。
[0020]根据本专利技术另一个实施例，提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机指令，所述计算机指令用于使处理器执行时实现本专利技术任一实施例所述的页面加载方法。
[0021]本专利技术实施例的技术方案，通过响应于检测到页面加载指令，基于与页面加载指令对应的目标页面链接，下载基础资源数据，并从预加载配置数据中获取与目标页面链接对应的至少一个目标接口数据，基于各目标接口数据，从接口服务器下载接口资源数据，并将接口资源数据存储在本地存储空间中，基于下载得到的基础资源数据以及本地存储空间中存储的接口资源数据，渲染生成与页面加载指令对应的目标页面，本专利技术实施例通过在检测到页面加载指令后再启动下载接口资源数据，并且本专利技术实施例在客户端下载基础资源数据的过程中，将从接口服务器下载的接口资源数据存储在本地存储空间中，利用了客户端下载基础资源数据的下载时间，在保证不增加页面的加载时长的情况下，解决了现有预加载策略存在的预测结果不准确导致接口资源数据未被提前存储或未被使用的问题，在保证了页面的加载速率的同时，提高了本地存储空间中存储的接口资源数据的命中率和被使用率。
[0022]应当理解，本部分所描述的内容并非旨在标识本专利技术的实施例的关键或重要特征，也不用于限制本专利技术的范围。本专利技术的其它特征将通过以下的说明书而变得容易理解。
附图说明
[0023]为了更清楚地说明本专利技术实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0024]图1为本专利技术一个实施例所提供的一种页面加载方法的流程图；
[0025]图2为本专利技术一个实施例所提供的一种接口资源数据的下载方法的流程图；
[0026]图3为本专利技术一个实施例所提供的另一种页面加载方法的流程图；
[0027]图4为本专利技术一个实施例所提供的一种预加载配置数据的架构图；
[0028]图5为本专利技术一个实施例所提供的另一种接口资源数据的下载方法的流程图；
[0029]图6为本专利技术一个实施例所提供的一种页面加载方法的具体实例的流程图；
[0030]图7为本专利技术一个实施例所提供的一种页面加载装置的结构示意图；
[0031]图8为本专利技术一个实施例所提供的一种页面加载系统的结构示意图；
[0032]图9为本专利技术一个实施例所提供的一种终端设备的结构示意图。
具体实施方式
[0033]为了使本
的人员更好地理解本专利技术方案，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分的实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本专利技术保护的范围。
[0034]需要说明的是，本专利技术的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本专利技术的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面加载方法，其特征在于，包括：响应于检测到页面加载指令，获取与所述页面加载指令对应的目标页面链接；基于所述目标页面链接，下载基础资源数据，并从预加载配置数据中获取与所述目标页面链接对应的至少一个目标接口数据；基于各所述目标接口数据，从接口服务器下载接口资源数据，并将所述接口资源数据存储在本地存储空间中；基于下载得到的基础资源数据以及所述本地存储空间中存储的接口资源数据，渲染生成与所述页面加载指令对应的目标页面。2.根据权利要求1所述的方法，其特征在于，所述目标接口数据包括接口链接以及接口请求数据，所述基于各所述目标接口数据，从接口资源服务器中下载接口资源数据，包括：针对每个目标接口数据，在所述目标接口数据中的接口请求数据中包含请求参数表达式的情况下，获取与所述请求参数表达式对应的请求参数值；基于所述请求参数值，对所述接口请求数据中的请求参数表达式执行替换操作，得到第一接口解析数据；基于所述接口链接以及所述第一接口解析数据，从接口资源服务器中下载与所述目标接口数据对应的接口资源数据。3.根据权利要求2所述的方法，其特征在于，所述请求参数值为实时变量参数值或页面链接参数值，相应的，所述获取与所述请求参数表达式对应的请求参数值，包括：在所述请求参数表达式为实时变量表达式的情况下，从客户端中查找与所述实时变量表达式对应的实时变量参数值；在所述请求参数表达式为页面链接参数表达式的情况下，从所述目标页面链接中查找与所述页面链接参数表达式对应的页面链接参数值。4.根据权利要求3所述的方法，其特征在于，所述获取与所述请求参数表达式对应的请求参数值，还包括：在从客户端未查找到与所述实时变量表达式对应的实时变量参数值的情况下，将所述实时变量参数值设置为空值；在从所述目标页面链接中未查找与所述请求参数表达式对应的页面链接参数值的情况下，将所述页面链接参数值设置为空值。5.根据权利要求2所述的方法，其特征在于，所述基于所述接口链接以及所述第一接口解析数据，从接口资源服务器中下载与所述目标接口数据对应的接口资源数据，包括：在所述第一接口解析数据中包含依赖关系表达式的情况下，获取与所述目标接口数据对应的依赖关系数据；其中，所述依赖关系数据表征至少一个依赖接口标识之间的嵌套关系；基于所述依赖关系数据、所述接口链接以及所述第一接口解析数据，从接口资源服务器中下载与所述目标接口数据对应的接口资源数据。6.根据权利要求5所述的方法，其特征在于，所述基于所述依赖关系数据、所述接口链接以及所述第一接口解析数据，从接口资源服务器中下载与所述目标接口数据对应的接口资源数据，包括：从所述依赖关系数据中获取至少一个依赖接口标识，并从所述第一接口解析数据中的
依赖关系表达式中获取与各所述依赖接口标识分别对应的依赖表达式；基于各所述依赖表达式，从已下载的接口资源数据中分别查找依赖参数值；基于各所述依赖参数值，对所述第一接口解析数据中的依赖关系表达式执行替换操作，得到第二解析参数数据；基于所述接口链接和所述第二解析参数数据，从接口资源服务器中下载与所述目标接口数据对应的接口资源数据。7.根据权利要求6所述的方法，其特征在于，所述基于各所述依赖表达式，从已下载的接口资源数据中分别查找依赖参数值，包括：针对每个依赖表达式，获取与当前依赖表达式对应的当前依赖接口标识；在已下载的接口资源数据中不存在与所述当前依赖接口标识对应的接口资源数据的情况下，将所述当前依赖接口标识对应的目标接口数据作为当前目标接口数据；执行基于所述当前目标接口数据对应的接口链接以及第一接口解析数据，从接口资源服务器中下载与所述当前目标接口数据对应的接口资源数据的步骤，直到从已下载的接口资源数据中查找到与各所述依赖表达式分别对应的依赖参数值。8.根据权利要求5所述的方法，其特征在于，所述预加载配置数据中还包括与至少一个预设接口数据分别对应的依赖关系数据，相应的，所述获取与所述目标接口数据对应的依赖关系数据，包括：在所述预加载配置数据中存在与所述目标接口数据...

【专利技术属性】
技术研发人员：周保洋，姜涛，马宝岩，
申请(专利权)人：北京京东世纪贸易有限公司，
类型：发明
国别省市：