[发明专利]APP的H5页面加载方法、装置、计算机设备和存储介质

说明书

本申请涉及到基架运维技术领域，揭示了一种基于基架运维的APP的H5页面加载方法、装置、计算机设备和存储介质，其中方法包括：终端获取APP的H5页面被触发的指令；访问APP所在的终端上指定的存储空间，所述存储空间用于存储所述APP的静态资源；调用出与所述指令对应的静态资源；将所述指令对应的静态资源加载在所述H5页面。本申请在部署的时候可以将js和css等静态资源打包成压缩包并存储在后端(服务器)。当H5页面被访问时，直接将服务器中的压缩包下载下来并存放在终端。当该H5页面再次被访问时，直接加载压缩包中的静态资源，无需访问网络，减少利用网络资源，而且直接从终端调取，加载速度更快。

技术领域

本申请涉及到基架运维技术领域，特别是涉及到一种基于基架运维的APP的H5页面加载方法、装置、计算机设备和存储介质。

背景技术

现在APP的功能越来越丰富，有的APP中内置了H5页面，H5页面简单，开发成本低，有利于网站优化。在APP中的H5页面被访问时，页面上的一些静态资源比如js文件、css文件都是通过传统的方式去访问，去服务器获取或者去CDN获取，这样需要访问的网络资源较多，而且加载在APP的页面中也比较慢。

所以如何提供一种可以使APP的H5页面被更迅速的加载出来的方法是亟需解决的问题。

发明内容

本申请的主要目的为提供一种快速加载出APP的页面的基于基架运维的APP的H5页面加载方法、装置、计算机设备和存储介质，旨在解决APP的H5页面从服务器获取资源再加载而导致加载耗费网络资源多且加载慢的问题。

为了实现上述发明目的，本申请提出一种APP的H5页面加载方法，包括：

终端获取到APP的H5页面被触发的指令；

访问APP所在的终端上指定的存储空间，所述存储空间用于存储所述APP的静态资源；

调用出与所述指令对应的静态资源；

将所述指令对应的静态资源加载在所述H5页面。

进一步地，所述访问APP所在的终端上指定的存储空间的步骤，包括：

获取所述APP的名称；

在终端上查找名字为所述名称的存储空间，所述名字为所述名称的存储空间即所述指定的存储空间；

访问所述存储空间。

进一步地，所述访问APP所在的终端上指定的存储空间的步骤之前，包括：

访问与所述APP对应的服务器，将所述APP对应的静态资源数据包下载到所述存储空间。

进一步地，所述访问与APP对应的服务器，将所述APP对应的静态资源数据包下载到所述存储空间的步骤，包括：

访问与所述APP对应的服务器，读取所述静态资源数据包；

判断所述服务器中的静态资源数据包的第一版本号是否与所述存储空间中的静态资源数据包的第二版本号相同；

若否，删除所述终端的存储器中的所述静态资源数据包，然后将所述服务器中的静态资源数据包下载到所述存储空间。

进一步地，所述将所述指令对应的静态资源加载在所述H5页面的步骤之后，包括：

获取各所述静态资源被加载调用的调用日志；

根据所述调用日志计算各所述静态资料未被调用的时间；

将所述未被调用的时间超过预设时间阈值的静态资源发送到APP的服务器。

进一步地，所述将未被调用的时间超过预设时间阈值的静态资源发送到APP的服务器的步骤之后，包括：