CN109635217A - App的h5页面加载方法、装置、计算机设备和存储介质 - Google Patents

Abstract

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

Description

APP的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的服务器的步骤之后，包括：

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

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

获取所述被触发的指令，判断所述指令是否是预设的指令库中的指令，所述指令库用于存储需要加载静态资源的指令；

若是，访问APP所在的终端上与所述指令对应的存储空间。

本申请还提供一种APP的H5页面加载装置，包括：

获取模块，用于终端获取APP的H5页面被触发的指令；

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

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

加载模块，用于将所述指令对应的静态资源加载在所述H5页面。

本申请还提供一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现上述任一项所述方法的步骤。

本申请还提供一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述任一项所述的方法的步骤。

本申请的APP的H5页面加载方法、装置、计算机设备和存储介质，前端在部署的时候可以将js和css等静态资源打包成压缩包并存储在后端(服务器)。当H5页面被访问时，直接将服务器中的压缩包下载下来并存放在终端。当该H5页面再次被访问时，直接加载压缩包中的静态资源，无需访问网络，减少利用网络资源，而且直接从终端调取，加载速度更快。在将服务器中的压缩包下载之前，先读取服务器中的压缩包的版本号与终端中的压缩包的版本号，然后进行比较，确定终端中的压缩包比服务器中的版本不相同则进行下载，减小下载的次数，避免不必要的操作。

附图说明

图1为本申请一实施例的APP的H5页面加载方法的流程示意图；

图2为本申请一实施例的APP的H5页面加载装置的结构示意框图；

图3为本申请一实施例的APP的H5页面加载装置的访问模块的结构示意框图；

图4为本申请一实施例的APP的H5页面加载装置的结构示意框图；

图5为本申请一实施例的APP的H5页面加载装置的下载模块的结构示意框图；

图6为本申请一实施例的APP的H5页面加载装置的结构示意框图；

图7为本申请一实施例的APP的H5页面加载装置的访问模块的结构示意框图；

图8为本申请一实施例的计算机设备的结构示意框图。

本申请目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。

具体实施方式

为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。

参照图1，本申请实施例提供一种APP的H5页面加载方法，包括步骤：

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

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

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

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

如上述步骤S1所述，终端是指用户使用APP的运营的端口的手机、平板电脑等硬件，该终端负责运营APP的所有数据、指令、操作等，包括对APP的数据进行处理，以及将APP的数据与外部端口进行交换，数据是一个较泛的概念，包括各种类型、各种格式的电子资料。APP上有多个功能页面，有的是普通页面，有的是H5页面，即HTML5页面(HyperTextMarkup Language 5页面，即H5页面)。APP安装在一个终端上。用户通过终端的输入装置向终端发出打开终端上的APP(application,即应用程序)的指令，终端接收到开启的指令后，控制APP启动。当用户在APP页面操作时，终端负责与用户进行交互，接收用户发送的指令，然后解析指令并进行对应的数据处理，然后将处理结果加载在显示屏或扬声器等输出装置上。终端接收到用户对APP发出指令时，获取APP所在的页面是否是H5页面，如果是，则终端获取到APP的H5页面被触发的指令。其中，H5页面被触发的指令包括通过语音发出指令、采集到指定的图像生成的指令、界面被触发生成的指令、用户在界面上输入文字生成的指令，对应的上述终端的输入装置包括麦克风、摄像头、触摸屏、按键。

如上述步骤S2所述，当终端获取到APP的H5页面被触发后，终端访问APP所在的终端的存储器，根据APP的名称以及访问路径，访问到存储APP的数据的存储空间。当APP在安装在终端上时，终端记录用户选择的存储空间路径以及存储路径，后续终端将该APP的数据均存储在该存储空间内。后续当需要调用APP的数据时，终端根据上述存储路径，访问到APP的数据对应的存储空间，访问APP的数据。或者也可以通过在APP的终端上查找与APP的名称一样名字的存储空间，然后再访问该存储空间。

如上述步骤S3及S4所述，终端获取到指令后，根据存储在存储空间中的指令与静态资源的对应关系以及在H5页面中的位置关系，在上述存储空间中调用出与指令对应的静态资源。静态资源是指可以直接把相应文件发送到客户端的文件。如果不同的用户可以得到不同的回答，是动态资源。Html、htm、css、js、jpg、txt等格式的资源，均是静态资源。然后终端将调用出来的静态资源根据上述静态资源与H5页面中的位置关系，将静态资源加载在H5页面中的指定位置。本实施例中，当APP中的H5页面被触发时，直接将预存在APP所在的终端中的存储器的静态资源加载到H5页面中，不需要访问外部网络或使用CDN进行加载，节省网络资源，而且加载迅速。

在一个实施例中，上述访问APP所在的终端上指定的存储空间的步骤，包括：

S21、获取所述APP的名称；

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

S23、访问所述存储空间。

本实施例中，终端获取APP的H5页面被触发后，终端通过浏览APP的属性，获取到APP的名称，然后根据APP的名称，在终端上的存储器中查找与APP的名称相同的文件夹，即查找存储该APP的数据的存储空间。然后进入该文件夹，访问存储了APP的数据的存储空间。终端在安装APP时，会划分一个独立的存储空间(文件夹)，专用于存储该APP的数据，而且会默认将存储空间以该APP的名称进行命名。APP的数据是指与该APP的运行一切有关的数据，如运行日志等，上述需要调用的静态资源也是属于上述APP的数据。

在一个实施例中，上述访问APP所在的终端上指定的存储空间的步骤之前，包括：

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

本实施例中，终端调用终端的浏览器或者使用APP上自带的浏览器，访问APP的服务器，即APP的后台端，然后从APP对应的服务器中将该APP的所有H5页面所需要的静态资源数据下载到APP的数据的存储空间，便于后续终端加载H5页面对应的静态资源到H5页面中。

在一个实施例中，上述访问与APP对应的服务器，将所述APP对应的静态资源数据包下载到所述存储空间的步骤，包括：

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

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

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

本实施例中，上述终端访问到APP对应的服务器后，在服务器中的存储静态资源数据包的存储空间读取静态资源数据包的详细信息，包括读取静态资源数据包的属性，其属性包括APP名称、版本号，终端读取到服务器中的静态资源数据包的第一版本号后，再读取终端上的静态资源数据包的第二版本号。版本号的具体表征是数字或字母或二者的结合，版本号是构建工具根据文件本身的内容生成的hash值，文件内容不同则生成的对应的hash值也不同。终端根据两个hash值是否相同来判断第一版本号与第二版本号是否相同。当第一版本号的hash值与第二版本号的hash值不同，则说明服务器中的静态资源数据包与存储空间中的静态资源数据包是不相同的，则判定终端的存储空间中的静态资源数据包需要进行更新，因而，删除终端的存储器中的静态资源数据包，同时将服务器中的静态资源数据包下载到终端中APP的数据的存储空间内。静态资源数据包中包含有很多数据，有的数据因APP功能增加而需要进行更新或增加一些数据，静态资源数据包中的任一个数据进行更新后或增加数据后，静态资源数据包均要进行对应的更新。每更新一次，其版本号就要变更一次，以示与之前的静态资源数据包区分。

在一个实施例中，上述将所述指令对应的静态资源加载在所述H5页面的步骤之后，包括：

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

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

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

如上述步骤S5所述，静态资源每被加载一次，即产生一次调用记录，终端记录各静态资源被调用的状态，生成调用日志。调用日志中包含各静态资源名称以及对应的被调用的时刻。终端将调用日志存储在该APP的数据的存储空间内，访问该存储空间，获取该调用日志。

如上述步骤S6所述，获取到了各静态资源被调用的时刻后，终端用当前时刻分别减去对应的资料最近一次被调用的时刻，得出各静态资源未被调用的时间。若资料没有被调用过，则终端用当前时刻减去该静态资源下载到终端的存储空间的时刻，得出静态资源未被调用的时间。

如上述步骤S7所述，当静态资源长时间未被调用，则有可能是服务器对APP进行了更改，不再需要该静态资源；或者是***出现bug导致该静态资源无法被调用；或者是其他的故障等原因使静态资源长时间未被调用。若是因为出现故障，则应让后台的工作人员进行处理。因此，将超过预设时间未被调用的静态资源发送至APP的服务器，便于后台工作人员进行核实检查是否有故障。其中，预设时间是后台人员根据静态资源的具体内容以及分别对应的指令，设置的具体预设时间。

在一个实施例中，上述将未被调用的时间超过预设时间阈值的静态资源发送到APP的服务器的步骤之后，包括：

S8、接收到APP的服务器发送的删除指令后，将所述未被调用的时间超过预设时间阈值的静态资源删除。

如上述步骤S8所述，终端将静态服务器中长时间未调用的资料发送给APP的服务器，便于后台人员核实该资料是否有误。如果后台人员核实资料有误，则通过APP的服务器向终端发送删除的指令，终端接收到后台发送的删除指令后，访问终端上的存储空间，查找该删除指令对应的静态资源，将其删除。以节省终端的存储空间。

在一个实施例中，上述访问APP所在的终端上指定的存储空间的步骤之前，包括：

S24、获取所述被触发的指令，判断所述指令是否是预设的指令库中的指令，所述指令库用于存储需要加载静态资源的指令；

S25、若是，访问APP所在的终端上与所述指令对应的存储空间。

本实施例中，不同的H5页面具有不同的加载选项，根据不同的指令而加载不同的资源，有的指令是需要加载静态资源，有的指令是不需要加载静态资源。工作人员预先将需要加载静态资源的指令集合起来，形成指令库，并将该指令库设置于服务器中，当终端与服务器连接时，自动下载该指令库到终端的存储器中。当终端获取到H5页面被触发后，根据H5页面被触发的位置，读取到该被触发的指令，然后调用预先从服务器中下载并存储起来的指令库，判断该指令是否是指令库中的任一指令，如果是，则说明该指令请求的需要加载的页面是需要加载静态资源的，因此，访问终端上的存储空间，以加载静态资源。

综上所述，本申请的APP的H5页面加载方法，前端在部署的时候可以将js和css等静态资源打包成压缩包并存储在后端(服务器)。当H5页面被访问时，直接将服务器中的压缩包下载下来并存放在终端。当该H5页面再次被访问时，直接加载压缩包中的静态资源，无需访问网络，减少利用网络资源，而且直接从终端调取，加载速度更快。在将服务器中的压缩包下载之前，先读取服务器中的压缩包的版本号与终端中的压缩包的版本号，然后进行比较，确定终端中的压缩包比服务器中的版本不相同则进行下载，减小下载的次数，避免不必要的操作。

参照图2，本申请实施例中还提供一种APP的H5页面加载装置，包括：

获取模块1，用于终端获取到APP的H5页面被触发的指令；

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

调用模块3，用于调用出与所述指令对应的静态资源；

加载模块4，用于将所述指令对应的静态资源加载在所述H5页面。

本实施例中，终端是指用户使用APP的运营的端口的手机、平板电脑等硬件，该终端负责运营APP的所有数据、指令、操作等，包括对APP的数据进行处理，以及将APP的数据与外部端口进行交换，数据是一个较泛的概念，包括各种类型、各种格式的电子资料。APP上有多个功能页面，有的是普通页面，有的是H5页面，即HTML5页面(Hyper TextMarkupLanguage 5页面，即H5页面)。APP安装在一个终端上。用户通过终端的输入装置向终端发出打开终端上的APP(application,即应用程序)的指令，终端接收到开启的指令后，控制APP启动。当用户在APP页面操作时，终端负责与用户进行交互，获取模块1接收用户发送的指令，然后解析指令并进行对应的数据处理，然后将处理结果加载在显示屏或扬声器等输出装置上。获取模块1接收到用户对APP发出指令时，获取APP所在的页面是否是H5页面，如果是，则终端获取到APP的H5页面被触发的指令。其中，H5页面被触发的指令包括通过语音发出指令、采集到指定的图像生成的指令、界面被触发生成的指令、用户在界面上输入文字生成的指令，对应的上述终端的输入装置包括麦克风、摄像头、触摸屏、按键。

当终端获取到APP的H5页面被触发后，访问模块2访问APP所在的终端的存储器，根据APP的名称以及访问路径，访问到存储APP的数据的存储空间。当APP在安装在终端上时，终端记录用户选择的存储空间路径以及存储路径，后续终端将该APP的数据均存储在该存储空间内。后续当需要调用APP的数据时，终端根据上述存储路径，访问到APP的数据对应的存储空间，访问APP的数据。或者访问模块2也可以通过在APP的终端上查找与APP的名称一样名字的存储空间，然后再访问该存储空间。

获取模块1获取到指令后，根据存储在存储空间中的指令与静态资源的对应关系以及在H5页面中的位置关系，调用模块3在上述存储空间中调用出与指令对应的静态资源。静态资源是指可以直接把相应文件发送到客户端的文件。如果不同的用户可以得到不同的回答，是动态资源。Html、htm、css、js、jpg、txt等格式的资源，均是静态资源。然后加载模块4将调用出来的静态资源根据上述静态资源与H5页面中的位置关系，将静态资源加载在H5页面中的指定位置。本实施例中，当APP中的H5页面被触发时，直接将预存在APP所在的终端中的存储器的静态资源加载到H5页面中，不需要访问外部网络或使用CDN进行加载，节省网络资源，而且加载迅速。

参照图3，在一个实施例中，上述访问模块2包括：

第一获取单元21，用于获取所述APP的名称；

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

第一访问单元23，用于访问所述存储空间。

本实施例中，终端获取APP的H5页面被触发后，第一获取单元21通过浏览APP的属性，获取到APP的名称，然后查找单元22根据APP的名称，在终端上的存储器中查找与APP的名称相同的文件夹，即查找存储该APP的数据的存储空间。然后第一访问单元23进入该文件夹，访问存储了APP的数据的存储空间。终端在安装APP时，会划分一个独立的存储空间(文件夹)，专用于存储该APP的数据，而且会默认将存储空间以该APP的名称进行命名。APP的数据是指与该APP的运行一切有关的数据，如运行日志等，上述需要调用的静态资源也是属于上述APP的数据。

参照图4，在一个实施例中，上述APP的H5页面加载装置还包括：

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

本实施例中，下载模块201调用终端的浏览器或者使用APP上自带的浏览器，访问APP的服务器，即APP的后台端，然后下载模块201从APP对应的服务器中将该APP的所有H5页面所需要的静态资源数据下载到APP数的据的存储空间，便于后续终端加载H5页面对应的静态资源到H5页面中。

参照图5，在一个实施例中，上述下载模块201包括：

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

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

下载单元213，用于若所述服务器中的静态资源数据包的第一版本号与所述存储空间中的静态资源数据包的第二版本号不相同，删除所述终端的存储器中的所述静态资源数据包，然后将所述服务器中的静态资源数据包下载到所述存储空间。

本实施例中，上述终端访问到APP对应的服务器后，读取单元211在服务器中的存储静态资源数据包的存储空间读取静态资源数据包的详细信息，包括读取静态资源数据包的属性，其属性包括APP名称、版本号，读取单元211读取到服务器中的静态资源数据包的第一版本号后，再读取终端上的静态资源数据包的第二版本号。版本号的具体表征是数字或字母或二者的结合，版本号是构建工具根据文件本身的内容生成的hash值，文件内容不同则生成的对应的hash值也不同。判断单元212根据两个hash值是否相同来判断第一版本号与第二版本号是否相同。当第一版本号的hash值与第二版本号的hash值不同，则说明服务器中的静态资源数据包与存储空间中的静态资源数据包是不相同的，则判定终端的存储空间中的静态资源数据包需要进行更新，因而，下载单元213删除终端的存储器中的静态资源数据包，同时将服务器中的静态资源数据包下载到终端中APP的数据的存储空间内。静态资源数据包中包含有很多数据，有的数据因APP功能增加而需要进行更新或增加一些数据，静态资源数据包中的任一个数据进行更新后或增加数据后，静态资源数据包均要进行对应的更新。每更新一次，其版本号就要变更一次，以示与之前的静态资源数据包区分。

参照图6，在一个实施例中，上述APP的H5页面加载装置还包括：

获取日志模块5，用于获取各所述静态资源被加载调用的调用日志；

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

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

本实施例中，静态资源每被加载一次，即产生一次调用记录，终端记录各静态资源被调用的状态，生成调用日志。调用日志中包含各静态资源名称以及对应的被调用的时刻。终端将调用日志存储在该APP的数据的存储空间内，获取日志模块5访问该存储空间，获取该调用日志。

当获取日志模块5获取到了各静态资源被调用的时刻后，计算模块6用当前时刻分别减去对应的资料最近一次被调用的时刻，得出各静态资源未被调用的时间。若资料没有被调用过，则计算模块6用当前时刻减去该静态资源下载到终端的存储空间的时刻，得出静态资源未被调用的时间。

当静态资源长时间未被调用，则有可能是服务器对APP进行了更改，不再需要该静态资源；或者是***出现bug导致该静态资源无法被调用；或者是其他的故障等原因使静态资源长时间未被调用。若是因为出现故障，则应让后台的工作人员进行处理。因此，发送模块7将超过预设时间未被调用的静态资源发送至APP的服务器，便于后台工作人员进行核实检查是否有故障。其中，预设时间是后台人员根据静态资源的具体内容以及分别对应的指令，设置的具体预设时间。

在一个实施例中，上述APP的H5页面加载装置还包括：

删除模块8，用于接收到APP的服务器发送的删除指令，将所述未被调用的时间超过预设时间阈值的静态资源删除。

本实施例中，终端将静态服务器中长时间未调用的资料发送给APP的服务器，便于后台人员核实该资料是否有误。如果后台人员核实资料有误，则通过APP的服务器向终端发送删除的指令，删除模块8接收到后台发送的删除指令后，访问终端上的存储空间，查找该删除指令对应的静态资源，将其删除。以节省终端的存储空间。

参照图7，在一个实施例中，上述访问模块2包括：

第二获取单元24，用于获取所述被触发的指令，判断所述指令是否是预设的指令库中的指令，所述指令库用于存储需要加载静态资源的指令；

第二访问单元25，用于若所述指令是预设的指令库中的指令，则访问APP所在的终端上与所述指令对应的存储空间。

本实施例中，不同的H5页面具有不同的加载选项，根据不同的指令而加载不同的资源，有的指令是需要加载静态资源，有的指令是不需要加载静态资源。工作人员预先将需要加载静态资源的指令集合起来，形成指令库，并将该指令库设置于服务器中，当终端与服务器连接时，自动下载该指令库到终端的存储器中。当终端获取到H5页面被触发后，第二获取单元24根据H5页面被触发的位置，读取到该被触发的指令，然后调用预先从服务器中下载并存储起来的指令库，判断该指令是否是指令库中的任一指令，如果是，则说明该指令请求的需要加载的页面是需要加载静态资源的，因此，第二访问单元25访问终端上的存储空间，以加载静态资源。

综上所述，本申请的APP的H5页面加载装置，前端在部署的时候可以将js和css等静态资源打包成压缩包并存储在后端(服务器)。当H5页面被访问时，直接将服务器中的压缩包下载下来并存放在终端。当该H5页面再次被访问时，直接加载压缩包中的静态资源，无需访问网络，减少利用网络资源，而且直接从终端调取，加载速度更快。在将服务器中的压缩包下载之前，先读取服务器中的压缩包的版本号与终端中的压缩包的版本号，然后进行比较，确定终端中的压缩包比服务器中的版本不相同则进行下载，减小下载的次数，避免不必要的操作。

参照图8，本申请实施例中还提供一种计算机设备，该计算机设备可以是服务器，其内部结构可以如图8所示。该计算机设备包括通过***总线连接的处理器、存储器、网络接口和数据库。其中，该计算机设计的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作***、计算机程序和数据库。该内存器为非易失性存储介质中的操作***和计算机程序的运行提供环境。该计算机设备的数据库用于存储静态资源等数据。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种APP的H5页面加载方法。

上述处理器执行上述APP的H5页面加载方法的步骤：终端获取到APP的H5页面被触发的指令；访问APP所在的终端上指定的存储空间，所述存储空间用于存储所述APP的静态资源；调用出与所述指令对应的静态资源；将所述指令对应的静态资源加载在所述H5页面。

在一个实施例中，上述处理器执行访问APP所在的终端上指定的存储空间的步骤，包括：获取所述APP的名称；在终端上查找名字为所述名称的存储空间，所述名字为所述名称的存储空间即所述指定的存储空间；访问所述存储空间。

在一个实施例中，上述处理器执行访问APP所在的终端上指定的存储空间的步骤之前，包括：访问与所述APP对应的服务器，将所述APP对应的静态资源数据包下载到所述存储空间。

在一个实施例中，上述处理器执行访问与APP对应的服务器，将所述APP对应的静态资源数据包下载到所述存储空间的步骤，包括：访问与所述APP对应的服务器，读取所述静态资源数据包；判断所述服务器中的静态资源数据包的第一版本号是否与所述存储空间中的静态资源数据包的第二版本号相同；若否，删除所述终端的存储器中的所述静态资源数据包，然后将所述服务器中的静态资源数据包下载到所述存储空间。

在一个实施例中，上述处理器执行将所述指令对应的静态资源加载在所述H5页面的步骤之后，包括：获取各所述静态资源被加载调用的调用日志；根据所述调用日志计算各所述静态资料未被调用的时间；将所述未被调用的时间超过预设时间阈值的静态资源发送到APP的服务器。

在一个实施例中，上述处理器执行将未被调用的时间超过预设时间阈值的静态资源发送到APP的服务器的步骤之后，包括：接收到APP的服务器发送的删除指令，将所述未被调用的时间超过预设时间阈值的静态资源删除。

在一个实施例中，上述处理器执行访问APP所在的终端上指定的存储空间的步骤，包括：获取所述被触发的指令，判断所述指令是否是预设的指令库中的指令，所述指令库用于存储需要加载静态资源的指令；若是，访问APP所在的终端上与所述指令对应的存储空间。

综上所述，本申请的计算机设备，在部署的时候可以将js和css等静态资源打包成压缩包并存储在后端(服务器)。当H5页面被访问时，直接将服务器中的压缩包下载下来并存放在终端。当该H5页面再次被访问时，直接加载压缩包中的静态资源，无需访问网络，减少利用网络资源，而且直接从终端调取，加载速度更快。在将服务器中的压缩包下载之前，先读取服务器中的压缩包的版本号与终端中的压缩包的版本号，然后进行比较，确定终端中的压缩包比服务器中的版本不相同则进行下载，减小下载的次数，避免不必要的操作。

本领域技术人员可以理解，图8中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定。

本申请一实施例还提供一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现一种APP的H5页面加载方法，具体为：终端获取到APP的H5页面被触发的指令；访问APP所在的终端上指定的存储空间，所述存储空间用于存储所述APP的静态资源；调用出与所述指令对应的静态资源；将所述指令对应的静态资源加载在所述H5页面。

在一个实施例中，上述处理器执行访问APP所在的终端上指定的存储空间的步骤，包括：获取所述APP的名称；在终端上查找名字为所述名称的存储空间，所述名字为所述名称的存储空间即所述指定的存储空间；访问所述存储空间。

在一个实施例中，上述处理器执行访问APP所在的终端上指定的存储空间的步骤之前，包括：访问与所述APP对应的服务器，将所述APP对应的静态资源数据包下载到所述存储空间。

在一个实施例中，上述处理器执行访问与APP对应的服务器，将所述APP对应的静态资源数据包下载到所述存储空间的步骤，包括：访问与所述APP对应的服务器，读取所述静态资源数据包；判断所述服务器中的静态资源数据包的第一版本号是否与所述存储空间中的静态资源数据包的第二版本号相同；若否，删除所述终端的存储器中的所述静态资源数据包，然后将所述服务器中的静态资源数据包下载到所述存储空间。

在一个实施例中，上述处理器执行将所述指令对应的静态资源加载在所述H5页面的步骤之后，包括：获取各所述静态资源被加载调用的调用日志；根据所述调用日志计算各所述静态资料未被调用的时间；将所述未被调用的时间超过预设时间阈值的静态资源发送到APP的服务器。

在一个实施例中，上述处理器执行将未被调用的时间超过预设时间阈值的静态资源发送到APP的服务器的步骤之后，包括：接收到APP的服务器发送的删除指令，将所述未被调用的时间超过预设时间阈值的静态资源删除。

在一个实施例中，上述处理器执行访问APP所在的终端上指定的存储空间的步骤，包括：获取所述被触发的指令，判断所述指令是否是预设的指令库中的指令，所述指令库用于存储需要加载静态资源的指令；若是，访问APP所在的终端上与所述指令对应的存储空间。

综上所述，本申请的计算机可读存储介质，在部署的时候可以将js和css等静态资源打包成压缩包并存储在后端(服务器)。当H5页面被访问时，直接将服务器中的压缩包下载下来并存放在终端。当该H5页面再次被访问时，直接加载压缩包中的静态资源，无需访问网络，减少利用网络资源，而且直接从终端调取，加载速度更快。在将服务器中的压缩包下载之前，先读取服务器中的压缩包的版本号与终端中的压缩包的版本号，然后进行比较，确定终端中的压缩包比服务器中的版本不相同则进行下载，减小下载的次数，避免不必要的操作。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的和实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可以包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限，RAM以多种形式可得，诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双速据率SDRAM(SSRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。

需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、装置、物品或者方法不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、装置、物品或者方法所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、装置、物品或者方法中还存在另外的相同要素。

以上所述仅为本申请的优选实施例，并非因此限制本申请的专利范围，凡是利用本申请说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本申请的专利保护范围内。

Claims (10)

1.一种APP的H5页面加载方法，其特征在于，包括：

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

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

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

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

2.如权利要求1所述的APP的H5页面加载方法，其特征在于，所述访问APP所在的终端上指定的存储空间的步骤，包括：

获取所述APP的名称；

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

访问所述存储空间。

3.如权利要求2所述的APP的H5页面加载方法，其特征在于，所述访问APP所在的终端上指定的存储空间的步骤之前，包括：

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

4.如权利要求3所述的APP的H5页面加载方法，其特征在于，所述访问与APP对应的服务器，将所述APP对应的静态资源数据包下载到所述存储空间的步骤，包括：

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

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

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

5.如权利要求1所述的APP的H5页面加载方法，其特征在于，所述将所述指令对应的静态资源加载在所述H5页面的步骤之后，包括：

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

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

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

6.如权利要求5所述的APP的H5页面加载方法，其特征在于，所述将未被调用的时间超过预设时间阈值的静态资源发送到APP的服务器的步骤之后，包括：

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

7.如权利要求1所述的APP的H5页面加载方法，其特征在于，所述访问APP所在的终端上指定的存储空间的步骤，包括：

获取所述被触发的指令，判断所述指令是否是预设的指令库中的指令，所述指令库用于存储需要加载静态资源的指令；

若是，访问APP所在的终端上与所述指令对应的存储空间。

8.一种APP的H5页面加载装置，其特征在于，包括：

获取模块，用于终端获取APP的H5页面被触发的指令；

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

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

加载模块，用于将所述指令对应的静态资源加载在所述H5页面。

9.一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至7中任一项所述方法的步骤。

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的方法的步骤。