[发明专利]一种页面数据缓存的方法及其相关设备

说明书

本申请实施例提供了一种页面数据缓存的方法及其相关设备，用于减少页面的加载时间，提升用户体验。本申请实施例一种页面数据缓存的方法，应用于客户端，所述方法包括：当所述客户端的应用程序启动时，从所述应用程序对应的服务端的缓存接口获取目标缓存配置信息，所述目标缓存配置信息包括目标页面的所有目标页面参数信息；根据所述目标页面参数信息向所述缓存接口发送数据缓存指令，以获取目标页面缓存信息；按照预设格式在本地保存所述目标页面缓存信息；当访问所述目标页面中的任一子页面时，根据本地保存的所述目标页面缓存信息对所述任一子页面进行渲染。

技术领域

本申请实施例涉及软件技术领域，尤其涉及一种页面数据缓存的方法及其相关设备。

背景技术

随着移动互联网技术的发展，应用程序(APP，application)的功能越来越强大。同时，HTML5(简称H5)页面因其灵活性高、开发成本低、制作周期短等优势，在APP中的应用也越来越普遍。

伴随着开发APP的功能越来越完善，导致APP内的资源数据越来越大，虽然在APP环境内做了资源的缓存优化，但首次打开APP内的H5页面，通常需要请求主接口以获取页面需要渲染的数据，再进行逻辑处理页面的渲染。主接口的数据接口一旦受网络影响请求返回比较慢的情况下，会造成页面首屏加载时间大大增加，对页面访问的用户造成比较大的影响，体验感变差。

发明内容

本申请实施例提供了一种页面数据缓存的方法及其相关设备，用于减少页面的加载时间，提升用户体验。

本申请实施例第一方面提供了一种页面数据缓存的方法，应用于客户端，包括：

当所述客户端的应用程序启动时，从所述应用程序对应的服务端的缓存接口获取目标缓存配置信息，所述目标缓存配置信息包括目标页面的所有目标页面参数信息；

根据所述目标页面参数信息向所述缓存接口发送数据缓存指令，以获取目标页面缓存信息；

按照预设格式在本地保存所述目标页面缓存信息；

当访问所述目标页面中的任一子页面时，根据本地保存的所述目标页面缓存信息对所述任一子页面进行渲染。

可选地，所述目标缓存配置信息还包括与所述目标页面参数信息一一匹配的目标页面标识信息，所述根据所述目标页面参数信息向所述缓存接口发送数据缓存指令之前，所述方法还包括：

当访问第一子页面时，获取所述第一子页面的第一页面参数信息及与所述第一页面参数信息匹配的第一页面标识信息；

校验所述第一页面标识信息是否与所述目标页面标识信息中的任一页面标识信息相同且所述客户端是否未保存所述第一页面标识信息；

若相同且未保存所述第一页面标识信息，执行所述根据所述目标页面参数信息向所述缓存接口发送数据缓存指令，以获取目标页面缓存信息的步骤。

可选地，所述按照预设格式在本地保存所述目标页面缓存信息包括：

将所述目标页面参数信息设置为所述目标页面缓存信息的目标键值；

将所述目标页面缓存信息及所述目标页面缓存信息的目标键值进行保存。

可选地，所述目标缓存配置信息还包括与所述目标页面参数信息一一匹配的目标页面标识信息，所述按照预设格式保存所述页面数据缓存信息之后，所述方法还包括：

将所述目标页面缓存信息按照所述目标页面参数信息与所述目标页面标识信息的匹配关系进行命名，以形成所述目标页面缓存信息的命名信息；

将所述目标页面缓存信息按照所述命名信息的格式保存至所述客户端；

将所述目标页面参数信息与所述命名信息的目标匹配关系保存至所述客户端。