CN113342424A - 一种加载h5资源的方法、装置及电子设备 - Google Patents

Abstract

本发明提供了一种加载H5资源的方法、装置及电子设备，其中，该方法包括：获取在加载H5文件时的资源下载请求，并拦截资源下载请求，资源下载请求用于向服务器下载H5文件中的H5资源；在本地存在H5资源的情况下，指示H5文件引用本地的H5资源；在本地不存在H5资源的情况下，向服务器下载H5资源，并指示H5文件引用下载的H5资源。通过本发明实施例提供的加载H5资源的方法、装置及电子设备，在H5资源过大、且本地网络差的时候，通过拦截下载请求，并检索本地是否已存有本次所需的H5资源，从而能够利用本地已经存在的H5资源，减少了重复下载的可能，实现加载大量的H5资源，保证正常加载，优化了H5资源的加载速度。

Description

一种加载H5资源的方法、装置及电子设备

技术领域

本发明涉及通信技术领域，具体而言，涉及一种加载H5资源的方法、装置、电子设备及计算机可读存储介质。

背景技术

目前，在安卓系统中，当加载的H5（html5:构建网页内容的一种语言描述方式）网页资源过大、且本地网络不好的时候，很容易出现无法加载、资源报错的问题，影响了用户体验和使用效果。例如，在线上授课场景中，老师可以使用H5形式的课件；当需要向学生提供课件时，可以将线上授课所用到的课件上传至服务器，并提供以H5网页资源的方式下载该课件，即H5课件；通常情况下学生客户端需使用Webview（安卓系统中用于加载网页的控件）实时加载H5形式的课件，但由于上述问题，可能导致H5课件加载速度慢甚至无法加载，进而导致授课异常，造成学生等待时间较长，降低了教学互动效率。

发明内容

为解决上述存在的技术问题，本发明实施例提供一种加载H5资源的方法、装置、电子设备及计算机可读存储介质。

第一方面，本发明实施例提供了一种加载H5资源的方法，包括：获取在加载H5文件时的资源下载请求，并拦截所述资源下载请求，所述资源下载请求用于向服务器下载所述H5文件中的H5资源；判断本地是否存在所述H5资源；在本地存在所述H5资源的情况下，指示所述H5文件引用本地的所述H5资源；在本地不存在所述H5资源的情况下，向所述服务器下载所述H5资源，并指示所述H5文件引用下载的所述H5资源。

可选地，判断本地是否存在所述H5资源包括：确定所述资源下载请求中所述H5资源的路径信息；当本地存储有与所述路径信息相一致的本地资源时，确定本地存在所述H5资源，并将所述本地资源作为所述H5资源；其中，本地与所述服务器以相同的路径存储资源；当本地未存储有与所述路径信息相一致的本地资源时，确定本地不存在所述H5资源。

可选地，下载所述H5资源，包括：将所述资源下载请求发送至服务器，所述资源下载请求包括所述H5资源的路径信息；获取所述服务器返回的服务器资源，所述服务器资源在所述服务器的存储路径与所述路径信息相一致；将所述服务器资源作为所述H5资源存储在本地，且所述H5资源在本地的存储路径与所述路径信息相一致。

可选地，在所述获取在加载H5文件时的资源下载请求之前，还包括：确定本地存储的公共资源集的第一版本号，并获取服务器存储的公共资源集的第二版本号；所述公共资源集包括一个或多个公共资源，所述公共资源为多个所述H5文件中共同包含的H5资源；比较所述第一版本号与所述第二版本号是否相同；若所述第一版本号与所述第二版本号不同，从所述服务器中下载所述第二版本号的所述公共资源集，更新本地存储的所述公共资源集。

可选地，更新本地存储的所述公共资源集，包括：将所述第二版本号的所述公共资源集中所有所述公共资源存储在本地，且本地存储所述公共资源的路径与所述服务器存储同一所述公共资源的路径相同。

可选地，该方法还包括：在所述H5资源需要被删除的情况下，获取包含所述H5资源的路径信息的路径信息列表，并删除与所述路径信息列表中的路径信息相一致的本地资源。

第二方面，本发明实施例提供了一种加载H5资源的装置，包括：拦截模块、判断模块、引用模块及下载模块；所述拦截模块，用于获取在加载H5文件时的资源下载请求，并拦截所述资源下载请求，所述资源下载请求用于向服务器下载所述H5文件中的H5资源；所述判断模块，用于判断本地是否存在所述H5资源；所述引用模块，用于在本地存在所述H5资源的情况下，指示所述H5文件引用本地的所述H5资源；所述下载模块，用于在本地不存在所述H5资源的情况下，向所述服务器下载所述H5资源，并指示所述H5文件引用下载的所述H5资源。

第三方面，本发明实施例提供了一种电子设备，包括总线、收发器、存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述收发器、所述存储器和所述处理器通过所述总线相连，所述计算机程序被所述处理器执行时实现上述任意一项所述的加载H5资源的方法中的步骤。

第四方面，本发明实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述任意一项所述的加载H5资源的方法中的步骤。

本发明实施例提供的加载H5资源的方法、装置、电子设备及计算机可读存储介质，通过在统一下载H5资源之前，先对资源下载请求进行拦截，确定本地是否存有与该资源下载请求所指向的H5资源相重合的资源，若有，则H5文件能够直接引用本地资源，反之若没有，则再根据资源下载请求下载所需的H5资源。该方法可以在H5资源过大、且本地网络差的时候，通过拦截下载请求，并检索本地是否已存有本次所需的H5资源，从而能够利用本地已经存在的H5资源，减少了重复下载的可能，从而能够实现加载大量的H5资源，保证正常加载；并且，能够避免因客户端网络带宽参差不一，导致不同的客户端不能同步加载H5资源的问题。该方法优化了H5资源的加载速度，且在线上授课等多客户端同时加载H5资源的实时场景中，能够提高线上授课的教学互动效率，使学生的学习体验感更好。

附图说明

为了更清楚地说明本发明实施例或背景技术中的技术方案，下面将对本发明实施例或背景技术中所需要使用的附图进行说明。

图1示出了本发明实施例所提供的一种加载H5资源的方法的流程图；

图2示出了本发明实施例所提供的加载H5资源的方法中，判断本地是否存在H5资源的具体方法流程图；

图3示出了本发明实施例所提供的加载H5资源的方法中，向服务器下载所述H5资源的具体方法流程图；

图4示出了本发明实施例所提供的一种加载H5资源的具体实施例的流程图；

图5示出了本发明实施例所提供的一种加载H5资源的装置的结构示意图；

图6示出了本发明实施例所提供的一种用于执行加载H5资源的方法的电子设备的结构示意图。

具体实施方式

下面结合本发明实施例中的附图对本发明实施例进行描述。

图1示出了本发明实施例所提供的一种加载H5资源的方法的流程图，该方法可以由客户端执行。如图1所示，该方法包括步骤101-104。

步骤101：获取在加载H5文件时的资源下载请求，并拦截资源下载请求，该资源下载请求用于向服务器下载H5文件中的H5资源。

其中，H5是构建网页内容的一种语言描述方式，以H5形式形成的文件均可称为H5文件。例如，在线上授课场景中，H5文件可以是以H5形式存储的课件，其可以包括：文本文件、图片、幻灯片、音视频等一种或多种H5形式的资源，也就是H5资源；即，H5文件包括一个或多个H5资源。在客户端加载H5文件时，通常会生成请求下载资源的请求指令，即资源下载请求，该资源下载请求表示客户端请求从服务器下载H5文件中的H5资源。例如，当学生使用的客户端（以下简称学生端）需要加载H5课件时，可以向服务器发送相应的资源下载请求，该资源下载请求表示学生端请求从服务器下载H5课件中的H5资源。其中，该H5课件可以是教师直接上传至服务器的H5形式的课件，也可以是将教师上传的普通课件转换为H5形式后所生成的课件。此外，本发明实施例中，当识别到资源下载请求时，客户端会拦截该资源下载请求，避免将该资源下载请求发送至服务器；即，由客户端预先处理该资源下载请求，而不是直接向服务器去请求所需的H5资源。

步骤102：判断本地是否存在H5资源。其中，本地表示该方法的执行主体所在的设备侧，例如该方法由客户端执行，则此处的本地即表示客户端。

步骤103：在本地存在H5资源的情况下，指示H5文件引用本地的H5资源。

步骤104：在本地不存在H5资源的情况下，向所述服务器下载H5资源，并指示H5文件引用下载的H5资源。

其中，根据不同的实际情况，H5文件可以直接引用本地存储的H5资源，也可以通过下载得到H5资源。当确定本地存在H5资源时，H5文件可以直接引用本地资源，即H5文件直接引用本地存储的H5资源。例如，当学生端加载的H5课件中的H5资源包括当前课时音视频及当前课时课后习题时，若能够确定在学生端本地存储空间中存在当前课时音视频，则令H5课件直接引用本地存储空间中的当前课时音视频，从而在加载H5课件的当前课时音视频时，不再需要向服务器下载当前课时音视频，能够减少下载时间，有效避免网络问题的影响，节约了加载的时间，能够不影响学生端在线学习的进度。

相反地，当确定本地不存在H5资源时，客户端将通过下载得到H5资源，使得H5文件能够引用下载所得到的H5资源。例如，当学生端加载的H5课件中的H5资源包括当前课时音视频及当前课时课后习题时，若在学生端本地存储空间中只存在当前课时音视频，而不存在当前课时课后习题，则需要下载本地存储空间中不存在的H5资源，即从服务器中下载本地所缺少的当前课时课后习题，之后指示H5课件引用下载得到的H5资源，即当前课时课后习题。

本发明实施例提供了一种加载H5资源的方法，通过在统一下载H5资源之前，先对资源下载请求进行拦截，确定本地是否存有与该资源下载请求所指向的H5资源相重合的资源，若有，则H5文件能够直接引用本地资源，反之若没有，则再根据资源下载请求下载所需的H5资源。该方法可以在H5资源过大、且本地网络差的时候，通过拦截下载请求，并检索本地是否已存有本次所需的H5资源，从而能够利用本地已经存在的H5资源，减少了重复下载的可能，从而能够实现加载大量的H5资源，保证正常加载；并且，能够避免因客户端网络带宽参差不一，导致不同的客户端不能同步加载H5资源的问题。该方法优化了H5资源的加载速度，且在线上授课等多客户端同时加载H5资源的实时场景中，能够提高线上授课的教学互动效率，使学生的学习体验感更好。

可选地，如图2所示，上述步骤102中“判断本地是否存在H5资源”可以包括以下步骤1021-1023。

步骤1021：确定资源下载请求中H5资源的路径信息。

其中，在资源下载请求中所指向的每个H5资源都包含特定且唯一的路径信息，该路径信息能够代表该H5资源，且能够表示该H5资源在服务器中存储的位置，进而能够直接确定客户端在加载H5文件时所需要下载的H5资源及其具体位置。

步骤1022：当本地存储有与路径信息相一致的本地资源时，确定本地存在H5资源，并将本地资源作为H5资源。其中，本地与服务器以相同的路径存储资源。

本发明实施例中，本地资源表示存储在本地的资源，且本地与所述服务器以相同的路径存储资源；即，对于某个资源A，该资源A在本地中的存储路径与在服务器中的存储路径相同。在拦截到资源下载请求后，根据资源下载请求中H5资源的路径信息，能够查找本地是否存在与该路径信息相同的本地资源；若本地存储有与该资源下载请求中H5资源的路径信息相同的本地资源，则能够确定本地存储有该资源下载请求中的H5资源，并将该本地资源作为该资源下载请求中的H5资源，供H5文件引用。

例如，在本实施例所涉及的线上授课场景中，当学生端根据资源下载请求中H5资源的路径信息，遍历本地存储空间搜索到与该路径信息相同的资源时，即可确定学生端在本地存储空间中已存储该H5资源，此时不需要重复下载，直接引用本地存储的H5资源即可。

步骤1023：当本地未存储有与路径信息相一致的本地资源时，确定本地不存在H5资源。

相反地，当根据资源下载请求中H5资源的路径信息无法查找到本地存在与该路径信息相同的资源时，可以确定本地没有存储该资源下载请求中的H5资源，需要向服务器下载该H5资源。

本发明实施例中，本地与服务器以相同的路径存储H5资源，通过确定资源下载请求中H5资源的路径信息，利用该路径信息特定且唯一的性质，将该路径信息作为判断本地是否存在H5资源的依据，进而可以准确判断出本地是否存在本次加载H5文件时所包含的H5资源，基于这样的方法判断不仅更加快捷也较为准确。

可选地，参见图3所示，上述步骤104中“向所述服务器下载所述H5资源”可以包括以下步骤1041-1043。

步骤1041：将资源下载请求发送至服务器，该资源下载请求包括H5资源的路径信息。

其中，在需要下载H5资源的时候，将处于拦截状态下的资源下载请求发送至服务器，该资源下载请求中包含有H5资源的路径信息。

步骤1042：获取服务器返回的服务器资源，该服务器资源在服务器的存储路径与路径信息相一致。

其中，当服务器接收到资源下载请求时，服务器可以确定该资源下载请求所指向的资源，即服务器资源，并将该服务器资源发送至客户端；其中，服务器资源在服务器的存储路径与资源下载请求中的路径信息相一致，即，若服务器中存储的某个资源的存储路径与该资源下载请求中的路径信息相一致，则该资源即可作为需要返回至客户端的服务器资源。

步骤1043：将服务器资源作为H5资源存储在本地，且H5资源在本地的存储路径与路径信息相一致。

本发明实施例中，客户端获取到服务器资源后，将该服务器资源作为资源下载请求所指向的H5资源，保存在本地存储空间。并且，由于H5资源在本地的存储路径与路径信息相一致，且服务器资源在服务器的存储路径与路径信息相一致，故下载到本地的H5资源的路径与服务器资源的路径相同，即本地与服务器以相同的路径存储资源，从而在后续判断本地是否存在H5资源时，可以基于资源下载请求中的路径信息进行判断。并且，下载到本地的H5资源也可以快速且便利地分配至特定且唯一的路径中进行存储。

传统方案在下载H5资源时，会重新选择或随机确定一个存储区域，用来保存该H5资源，该方法容易导致在本地搜索所需的H5资源时，由于路径不统一会导致搜索速度慢甚至查找失败的情况。本发明实施例通过将H5资源在不同端共用同一路径的方式“镜像”下载保存在本地，无需建立或规划新的存储区域，可以快速将H5资源缓存到本地；并且，当拦截在加载H5文件时的资源下载请求后，还可以根据统一的路径信息在本地查找到请求指定的H5资源。

可选地，在“获取在加载H5文件时的资源下载请求”之前，该方法还包括以下步骤A1-A3。

步骤A1：确定本地存储的公共资源集的第一版本号，并获取服务器存储的公共资源集的第二版本号；公共资源集包括一个或多个公共资源，公共资源为多个H5文件中共同包含的H5资源。

步骤A2：比较第一版本号与第二版本号是否相同。

步骤A3：若第一版本号与第二版本号不同，从服务器中下载第二版本号的公共资源集，更新本地存储的公共资源集。

本发明实施例中，在线上授课场景中，服务器需要存储同一类型的多个H5文件，如针对不同课程分别设置不同的H5课件等，虽然不同的H5文件不完全相同，但他们之间也存在大量相同的资源，如H5课件中的js（javascript，脚本语言）、css（cascading stylesheets，层叠样式表）、图片等；此时，服务器能够将多个H5文件中共同包含的H5资源作为公共资源，进而形成包含一个或多个该公共资源的公共资源集；其中，该公共资源也是一种H5资源，且一般情况下，每个H5文件中均包含一个或多个公共资源，换句话说，在生成该H5课件时，不可避免地会需要用到部分公共资源。并且，服务器可以对该公共资源集设置相应的版本号，并根据实际需求更新该公共资源集，同时更新该公共资源集的版本号。其中，该版本号可以包括数字，并且可以按数字从小到大的顺序为先后生成的公共资源集进行命名，版本号大的公共资源集为版本号小的公共资源集的更新版本。

并且，客户端能够下载服务器中的公共资源集。客户端在需要加载H5文件之前，可以先判断本地是否存有公共资源集，以及本次存储的公共资源集是否需要更新。具体地，确定本地存储的公共资源集的版本号，即第一版本号，并确定服务器存储的公共资源集的版本号，即第二版本号；将本地公共资源集的第一版本号与服务器公共资源集的第二版本号进行比较，确认第一版本号与第二版本号是否一致。若第一版本号与第二版本号不一致，说明服务器中的公共资源集已经更新升级，此时，本地还未根据服务器中已更新的公共资源集进行升级，故需要从服务器中下载第二版本号的公共资源集。若第一版本号与第二版本号一致，说明服务器中的公共资源集并未更新，本地还可以继续引用已存储的公共资源集。

例如，在线上授课场景中，当学生端本地存储空间中的公共资源集的版本号为v1，而服务器存储的公共资源集的版本号是v2，则表示服务器的公共资源集是在学生端公共资源集的基础上又做了更新处理的新的公共资源集；学生端此时可以将服务器存储的版本号为v2的公共资源集下载到本地存储，其可以直接覆盖替换本地存储空间中版本号为v1的公共资源集，从而实现对本地公共资源集的更新，之后在需要时，可以令H5课件直接引用本地新的版本号为v2的公共资源集即可。

本发明实施例中，客户端能够下载、更新并存储服务器中的公共资源集，由于公共资源集中包含多个H5文件中共有的公共资源，使得在加载某H5文件时，本地大概率存储有该H5文件中的公共资源，从而可以直接引用本地存储的公共资源，能够提高加载效率。例如，学生端可以在上课前提前下载好服务器中存储的公共资源集，并储存于本地。该方法不需要等到学生在线上课时将时间及网络带宽耗费在下载大量H5资源上，当最新版本的公共资源集已经储存于学生端本地时，学生在上课过程中只需下载不存在于本地的其他H5资源，并直接引用本地已存储的最新版本的公共资源集中所需的H5资源，减少了H5资源的下载量，提高了学生上课期间加载H5资源的速率，使教学过程更加流畅。并且，通过比较本地存储的公共资源集的第一版本号与服务器存储的公共资源集的第二版本号是否相同，从而可以快速确定本地存储的公共资源集是否需要更新升级。

可选地，上述步骤A3中“更新本地存储的公共资源集”包括：将第二版本号的公共资源集中所有公共资源存储在本地，且本地存储公共资源的路径与服务器存储同一公共资源的路径相同。

其中，更新本地存储的公共资源集需要将第二版本号的公共资源集中所包含的所有公共资源全部存储在本地。在本发明实施例中，由于服务器中的每个公共资源分别对应一个存储路径，当更新本地存储的公共资源集时，可以根据该公共资源集中每一个公共资源在服务器上的存储路径对应地存储至本地，也就是说，本地更新完成的第二版本号的公共资源集中的每一个公共资源在本地存储空间的存储路径都与其在服务器上的存储路径相同。

传统方案在保存大量公共资源时，会重新选择或随机确定一个存储区域，用来保存公共资源，该方法容易导致在本地搜索所需的资源时，由于路径不统一会导致搜索速度慢甚至查找失败的情况。而本发明实施例规定了公共资源集中每一个公共资源在不同端共用同一路径信息，由于资源下载请求中的路径信息用于表示相应H5资源在服务器中的存储路径，故通过该方法避免了传统方案在更新保存大量公共资源时会出现的路径混乱、查找慢等缺陷。本方法无需建立或规划新的存储区域，可以快速地将大量更新后的公共资源缓存到本地；并且，根据统一的路径信息能够便于查找本地的资源。

此外，本发明实施例中，在“下载H5资源”以及“更新本地存储的公共资源集”时，均保证本地与服务器以相同的路径存储资源，即服务器以特有的路径结构存储公共的H5资源（即公共资源）和其他非公共的H5资源，本地客户端也以相同的路径结构进行存储。当本地需要加载某H5文件时，可以直接引用本地存储的公共资源，不需要下载该H5文件中的公共资源；并且，若本地在之前所下载的其他非公共的H5资源与该H5文件中的资源A相同，则也能够通过路径信息查询到本地存储有该H5文件中的资源A，也不需要下载，从而能够进一步减少H5资源的下载量。

可选地，该方法还包括：在H5资源需要被删除的情况下，获取包含H5资源的路径信息的路径信息列表，并删除与该路径信息列表中的路径信息相一致的本地资源。

本发明实施例中，老师通常会针对不同课程上传大量不同的H5课件，学生则根据课程进度及自身需求自行下载或更新该H5课件中的H5资源。久而久之，大量的H5资源占用了越来越多的存储空间，导致学生端的本地存储空间会越来越小，因此，定期删除本地存储的不再被需要的H5资源，以释放本地存储空间是非常有必要的。基于每一个H5资源的路径信息都是特定且唯一的，可以确定需要删除的H5资源的路径信息，将所有需要删除的H5资源的路径信息汇总，并生成路径信息列表，即该路径信息列表包括每一个待删除的H5资源的路径信息。之后，在本地存储空间查找该路径信息列表中每一个路径信息分别所对应的本地资源，将该本地资源确定为需要删除的H5资源，并将其从本地存储空间中删除，实现快速删除无用的H5资源，能够释放本地存储空间，进而提升客户端的运行速率。

下面通过一个实施例详细介绍该加载H5资源的方法流程。该方法应用于线上授课场景，以实现实时加载H5课件。参见图4所示，该方法包括以下步骤401-408。

步骤401：服务器预先生成并存储公共资源集。

步骤402：客户端确定本地存储的公共资源集的第一版本号，获取服务器存储的公共资源集的第二版本号。

步骤403：比较两个版本号是否一致，若一致，则继续步骤405；若不一致，继续步骤404。

其中，客户端可以在接入线上课堂时比较两个版本号是否一致。

步骤404：下载服务器存储的公共资源集保存至本地，且该公共资源集在本地的路径与在服务器的路径相同，之后执行步骤405。

步骤405：在需要实时加载H5课件时，拦截在加载H5课件时的资源下载请求。

步骤406：根据资源下载请求中包含的H5资源的路径信息，遍历本地存储空间，判断本地是否已存储该资源下载请求中指向的H5资源，若不存在，继续步骤407；若存在，继续步骤408。

步骤407：从服务器中下载该资源下载请求中指向的H5资源。

其中，可以根据上述步骤“1041-1043”所描述的过程，下载所需的H5资源，具体不再赘述。

步骤408：令H5课件引用本地存储的该资源下载请求中指向的H5资源。

其中，本地存储的该资源下载请求中指向的H5资源可能是公共资源，也可能不是公共资源。

上文详细描述了本发明实施例提供的一种加载H5资源的方法，该方法也可以通过相应的装置实现，下面详细描述本发明实施例提供的一种加载H5资源的装置。

图5示出了本发明实施例所提供的一种加载H5资源的装置的结构示意图。如图5所示，一种加载H5资源的装置，包括：拦截模块51、判断模块52、引用模块53及下载模块54。

拦截模块51用于获取在加载H5文件时的资源下载请求，并拦截所述资源下载请求，所述资源下载请求用于向服务器下载所述H5文件中的H5资源。

判断模块52用于判断本地是否存在所述H5资源。

引用模块53用于在本地存在所述H5资源的情况下，指示所述H5文件引用本地的所述H5资源。

下载模块54用于在本地不存在所述H5资源的情况下，向所述服务器下载所述H5资源，并指示所述H5文件引用下载的所述H5资源。

可选地，判断模块52包括：确定单元、引用单元及搜索单元。

确定单元用于确定所述资源下载请求中所述H5资源的路径信息。

引用单元用于当本地存储有与所述路径信息相一致的本地资源时，确定本地存在所述H5资源，并将所述本地资源作为所述H5资源；其中，本地与所述服务器以相同的路径存储资源。

搜索单元用于当本地未存储有与所述路径信息相一致的本地资源时，确定本地不存在所述H5资源。

可选地，下载模块54包括：请求单元、获取单元及存储单元。

请求单元用于将所述资源下载请求发送至服务器，所述资源下载请求包括所述H5资源的路径信息。

获取单元用于获取所述服务器返回的服务器资源，所述服务器资源在所述服务器的存储路径与所述路径信息相一致。

存储单元用于将所述服务器资源作为所述H5资源存储在本地，且所述H5资源在本地的存储路径与所述路径信息相一致。

可选地，该装置还包括：识别模块、比较模块及更新模块。

在所述获取在加载H5文件时的资源下载请求之前，识别模块用于确定本地存储的公共资源集的第一版本号，并获取服务器存储的公共资源集的第二版本号；所述公共资源集包括一个或多个公共资源，所述公共资源为多个所述H5文件中共同包含的H5资源。

比较模块用于比较所述第一版本号与所述第二版本号是否相同。

更新模块用于若所述第一版本号与所述第二版本号不同，从所述服务器中下载所述第二版本号的所述公共资源集，更新本地存储的所述公共资源集。

可选地，更新模块中更新本地存储的所述公共资源集，包括：将所述第二版本号的所述公共资源集中所有所述公共资源存储在本地，且本地存储所述公共资源的路径与所述服务器存储同一所述公共资源的路径相同。

可选地，该装置还包括：删除模块。

删除模块用于在所述H5资源需要被删除的情况下，获取包含所述H5资源的路径信息的路径信息列表，并删除与所述路径信息列表中的路径信息相一致的本地资源。

本发明实施例提供了一种加载H5资源的装置，通过在统一下载H5资源之前，先对资源下载请求进行拦截，确定本地是否存有与该资源下载请求所指向的H5资源相重合的资源，若有，则H5文件能够直接引用本地资源，反之若没有，则再根据资源下载请求下载所需的H5资源。该装置可以在H5资源过大、且本地网络差的时候，通过拦截下载请求，并检索本地是否已存有本次所需的H5资源，从而能够利用本地已经存在的H5资源，减少了重复下载的可能，从而能够实现加载大量的H5资源，保证正常加载；并且，能够避免因客户端网络带宽参差不一，导致不同的客户端不能同步加载H5资源的问题。该装置优化了H5资源的加载速度，且在线上授课等多客户端同时加载H5资源的实时场景中，能够提高线上授课的教学互动效率，使学生的学习体验感更好。

此外，本发明实施例还提供了一种电子设备，包括总线、收发器、存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，该收发器、该存储器和处理器分别通过总线相连，计算机程序被处理器执行时实现上述加载H5资源的方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。

具体的，参见图6所示，本发明实施例还提供了一种电子设备，该电子设备包括总线1110、处理器1120、收发器1130、总线接口1140、存储器1150和用户接口1160。

在本发明实施例中，该电子设备还包括：存储在存储器1150上并可在处理器1120上运行的计算机程序，计算机程序被处理器1120执行时实现上述加载H5资源的方法实施例的各个过程。

收发器1130，用于在处理器1120的控制下接收和发送数据。

本发明实施例中，总线架构（用总线1110来代表），总线1110可以包括任意数量互联的总线和桥，总线1110将包括由处理器1120代表的一个或多个处理器与存储器1150代表的存储器的各种电路连接在一起。

总线1110表示若干类型的总线结构中的任何一种总线结构中的一个或多个，包括存储器总线以及存储器控制器、外围总线、加速图形端口（Accelerate Graphical Port，AGP）、处理器或使用各种总线体系结构中的任意总线结构的局域总线。作为示例而非限制，这样的体系结构包括：工业标准体系结构（Industry Standard Architecture，ISA）总线、微通道体系结构（Micro Channel Architecture，MCA）总线、扩展ISA（Enhanced ISA，EISA）总线、视频电子标准协会（Video Electronics Standards Association，VESA）、外围部件互连（Peripheral Component Interconnect，PCI）总线。

处理器1120可以是一种集成电路芯片，具有信号处理能力。在实现过程中，上述方法实施例的各步骤可以通过处理器中硬件的集成逻辑电路或软件形式的指令完成。上述的处理器包括：通用处理器、中央处理器（Central Processing Unit，CPU）、网络处理器（Network Processor，NP）、数字信号处理器（Digital Signal Processor，DSP）、专用集成电路（Application Specific Integrated Circuit，ASIC）、现场可编程门阵列（FieldProgrammable Gate Array，FPGA）、复杂可编程逻辑器件（Complex Programmable LogicDevice，CPLD)、可编程逻辑阵列（Programmable Logic Array，PLA）、微控制单元（Microcontroller Unit，MCU）或其他可编程逻辑器件、分立门、晶体管逻辑器件、分立硬件组件。可以实现或执行本发明实施例中公开的各方法、步骤及逻辑框图。例如，处理器可以是单核处理器或多核处理器，处理器可以集成于单颗芯片或位于多颗不同的芯片。

处理器1120可以是微处理器或任何常规的处理器。结合本发明实施例所公开的方法步骤可以直接由硬件译码处理器执行完成，或者由译码处理器中的硬件及软件模块组合执行完成。软件模块可以位于随机存取存储器（Random Access Memory，RAM）、闪存（FlashMemory）、只读存储器（Read-Only Memory，ROM）、可编程只读存储器（Programmable ROM，PROM）、可擦除可编程只读存储器（Erasable PROM，EPROM）、寄存器等本领域公知的可读存储介质中。所述可读存储介质位于存储器中，处理器读取存储器中的信息，结合其硬件完成上述方法的步骤。

总线1110还可以将，例如外围设备、稳压器或功率管理电路等各种其他电路连接在一起，总线接口1140在总线1110和收发器1130之间提供接口，这些都是本领域所公知的。因此，本发明实施例不再对其进行进一步描述。

收发器1130可以是一个元件，也可以是多个元件，例如多个接收器和发送器，提供用于在传输介质上与各种其他装置通信的单元。例如：收发器1130从其他设备接收外部数据，收发器1130用于将处理器1120处理后的数据发送给其他设备。取决于计算机系统的性质，还可以提供用户接口1160，例如：触摸屏、物理键盘、显示器、鼠标、扬声器、麦克风、轨迹球、操纵杆、触控笔。

应理解，在本发明实施例中，存储器1150可进一步包括相对于处理器1120远程设置的存储器，这些远程设置的存储器可以通过网络连接至服务器。上述网络的一个或多个部分可以是自组织网络（ad hoc network）、内联网（intranet）、外联网（extranet）、虚拟专用网（VPN）、局域网（LAN）、无线局域网（WLAN）、广域网（WAN）、无线广域网（WWAN）、城域网（MAN）、互联网（Internet）、公共交换电话网（PSTN）、普通老式电话业务网（POTS）、蜂窝电话网、无线网络、无线保真（Wi-Fi）网络以及两个或更多个上述网络的组合。例如，蜂窝电话网和无线网络可以是全球移动通信（GSM）系统、码分多址（CDMA）系统、全球微波互联接入（WiMAX）系统、通用分组无线业务（GPRS）系统、宽带码分多址（WCDMA）系统、长期演进（LTE）系统、LTE频分双工（FDD）系统、LTE时分双工（TDD）系统、先进长期演进（LTE-A）系统、通用移动通信（UMTS）系统、增强移动宽带（Enhance Mobile Broadband，eMBB）系统、海量机器类通信（massive Machine Type of Communication，mMTC）系统、超可靠低时延通信（UltraReliable Low Latency Communications，uRLLC）系统等。

应理解，本发明实施例中的存储器1150可以是易失性存储器或非易失性存储器，或可包括易失性存储器和非易失性存储器两者。其中，非易失性存储器包括：只读存储器（Read-Only Memory，ROM）、可编程只读存储器（Programmable ROM，PROM）、可擦除可编程只读存储器（Erasable PROM，EPROM）、电可擦除可编程只读存储器（Electrically EPROM，EEPROM）或闪存（Flash Memory）。

易失性存储器包括：随机存取存储器（Random Access Memory，RAM），其用作外部高速缓存。通过示例性但不是限制性说明，许多形式的RAM可用，例如：静态随机存取存储器（Static RAM，SRAM）、动态随机存取存储器（Dynamic RAM，DRAM）、同步动态随机存取存储器（Synchronous DRAM，SDRAM）、双倍数据速率同步动态随机存取存储器（Double Data RateSDRAM，DDRSDRAM）、增强型同步动态随机存取存储器（Enhanced SDRAM，ESDRAM）、同步连接动态随机存取存储器（Synchlink DRAM，SLDRAM）和直接内存总线随机存取存储器（DirectRambus RAM，DRRAM）。本发明实施例描述的电子设备的存储器1150包括但不限于上述和任意其他适合类型的存储器。

在本发明实施例中，存储器1150存储了操作系统1151和应用程序1152的如下元素：可执行模块、数据结构，或者其子集，或者其扩展集。

具体而言，操作系统1151包含各种系统程序，例如：框架层、核心库层、驱动层等，用于实现各种基础业务以及处理基于硬件的任务。应用程序1152包含各种应用程序，例如：媒体播放器（Media Player）、浏览器（Browser），用于实现各种应用业务。实现本发明实施例方法的程序可以包含在应用程序1152中。应用程序1152包括：小程序、对象、组件、逻辑、数据结构以及其他执行特定任务或实现特定抽象数据类型的计算机系统可执行指令。

此外，本发明实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述加载H5资源的方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。

计算机可读存储介质包括：永久性和非永久性、可移动和非可移动媒体，是可以保留和存储供指令执行设备所使用指令的有形设备。计算机可读存储介质包括：电子存储设备、磁存储设备、光存储设备、电磁存储设备、半导体存储设备以及上述任意合适的组合。计算机可读存储介质包括：相变内存（PRAM）、静态随机存取存储器（SRAM）、动态随机存取存储器（DRAM）、其他类型的随机存取存储器（RAM）、只读存储器（ROM）、非易失性随机存取存储器（NVRAM）、电可擦除可编程只读存储器（EEPROM）、快闪记忆体或其他内存技术、光盘只读存储器（CD-ROM）、数字多功能光盘（DVD）或其他光学存储、磁盒式磁带存储、磁带磁盘存储或其他磁性存储设备、记忆棒、机械编码装置（例如在其上记录有指令的凹槽中的穿孔卡或凸起结构）或任何其他非传输介质、可用于存储可以被计算设备访问的信息。按照本发明实施例中的界定，计算机可读存储介质不包括暂时信号本身，例如无线电波或其他自由传播的电磁波、通过波导或其他传输介质传播的电磁波（例如穿过光纤电缆的光脉冲）或通过导线传输的电信号。

在本申请所提供的几个实施例中，应该理解到，所披露的装置、电子设备和方法，可以通过其他的方式实现。例如，以上描述的装置实施例仅仅是示意性的，例如，所述模块或单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或可以集成到另一个系统，或一些特征可以忽略，或不执行。另外，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口、装置或单元的间接耦合或通信连接，也可以是电的、机械的或其他的形式连接。

所述作为分离部件说明的单元可以是或也可以不是物理上分开的，作为单元显示的部件可以是或也可以不是物理单元，既可以位于一个位置，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或全部单元来解决本发明实施例方案要解决的问题。

另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以是两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读存储介质中。基于这样的理解，本发明实施例的技术方案本质上或者说对现有技术作出贡献的部分，或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备（包括：个人计算机、服务器、数据中心或其他网络设备）执行本发明各个实施例所述方法的全部或部分步骤。而上述存储介质包括如前述所列举的各种可以存储程序代码的介质。

在本发明实施例的描述中，所属技术领域的技术人员应当知道，本发明实施例可以实现为方法、装置、电子设备及计算机可读存储介质。因此，本发明实施例可以具体实现为以下形式：完全的硬件、完全的软件（包括固件、驻留软件、微代码等）、硬件和软件结合的形式。此外，在一些实施例中，本发明实施例还可以实现为在一个或多个计算机可读存储介质中的计算机程序产品的形式，该计算机可读存储介质中包含计算机程序代码。

上述计算机可读存储介质可以采用一个或多个计算机可读存储介质的任意组合。计算机可读存储介质包括：电、磁、光、电磁、红外或半导体的系统、装置或器件，或者以上任意的组合。计算机可读存储介质更具体的例子包括：便携式计算机磁盘、硬盘、随机存取存储器（RAM）、只读存储器（ROM）、可擦除可编程只读存储器（EPROM）、闪存（Flash Memory）、光纤、光盘只读存储器（CD-ROM）、光存储器件、磁存储器件或以上任意组合。在本发明实施例中，计算机可读存储介质可以是任意包含或存储程序的有形介质，该程序可以被指令执行系统、装置、器件使用或与其结合使用。

上述计算机可读存储介质包含的计算机程序代码可以用任意适当的介质传输，包括：无线、电线、光缆、射频（Radio Frequency，RF）或者以上任意合适的组合。

可以以汇编指令、指令集架构（ISA）指令、机器指令、机器相关指令、微代码、固件指令、状态设置数据、集成电路配置数据或以一种或多种程序设计语言或其组合来编写用于执行本发明实施例操作的计算机程序代码，所述程序设计语言包括面向对象的程序设计语言，例如：Java、Smalltalk、C++，还包括常规的过程式程序设计语言，例如：C语言或类似的程序设计语言。计算机程序代码可以完全的在用户计算机上执行、部分的在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行以及完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络，包括：局域网（LAN）或广域网（WAN），可以连接到用户计算机，也可以连接到外部计算机。

本发明实施例通过流程图和/或方框图描述所提供的方法、装置、电子设备。

应当理解，流程图和/或方框图的每个方框以及流程图和/或方框图中各方框的组合，都可以由计算机可读程序指令实现。这些计算机可读程序指令可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器，从而生产出一种机器，这些计算机可读程序指令通过计算机或其他可编程数据处理装置执行，产生了实现流程图和/或方框图中的方框规定的功能/操作的装置。

也可以将这些计算机可读程序指令存储在能使得计算机或其他可编程数据处理装置以特定方式工作的计算机可读存储介质中。这样，存储在计算机可读存储介质中的指令就产生出一个包括实现流程图和/或方框图中的方框规定的功能/操作的指令装置产品。

也可以将计算机可读程序指令加载到计算机、其他可编程数据处理装置或其他设备上，使得在计算机、其他可编程数据处理装置或其他设备上执行一系列操作步骤，以产生计算机实现的过程，从而使得在计算机或其他可编程数据处理装置上执行的指令能够提供实现流程图和/或方框图中的方框规定的功能/操作的过程。

以上所述，仅为本发明实施例的具体实施方式，但本发明实施例的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明实施例披露的技术范围内，可轻易想到变化或替换，都应涵盖在本发明实施例的保护范围之内。因此，本发明实施例的保护范围应以权利要求的保护范围为准。

Claims (10)

1.一种加载H5资源的方法，其特征在于，包括：

获取在加载H5文件时的资源下载请求，并拦截所述资源下载请求，所述资源下载请求用于向服务器下载所述H5文件中的H5资源；

判断本地是否存在所述H5资源；

在本地存在所述H5资源的情况下，指示所述H5文件引用本地的所述H5资源；

在本地不存在所述H5资源的情况下，向所述服务器下载所述H5资源，并指示所述H5文件引用下载的所述H5资源。

2.根据权利要求1所述的方法，其特征在于，所述判断本地是否存在所述H5资源包括：

确定所述资源下载请求中所述H5资源的路径信息；

当本地存储有与所述路径信息相一致的本地资源时，确定本地存在所述H5资源，并将所述本地资源作为所述H5资源；其中，本地与所述服务器以相同的路径存储资源；

当本地未存储有与所述路径信息相一致的本地资源时，确定本地不存在所述H5资源。

3.根据权利要求1所述的方法，其特征在于，所述向所述服务器下载所述H5资源，包括：

将所述资源下载请求发送至服务器，所述资源下载请求包括所述H5资源的路径信息；

获取所述服务器返回的服务器资源，所述服务器资源在所述服务器的存储路径与所述路径信息相一致；

将所述服务器资源作为所述H5资源存储在本地，且所述H5资源在本地的存储路径与所述路径信息相一致。

4.根据权利要求1-3任意一项所述的方法，其特征在于，在所述获取在加载H5文件时的资源下载请求之前，还包括：

确定本地存储的公共资源集的第一版本号，并获取服务器存储的公共资源集的第二版本号；所述公共资源集包括一个或多个公共资源，所述公共资源为多个所述H5文件中共同包含的H5资源；

比较所述第一版本号与所述第二版本号是否相同；

若所述第一版本号与所述第二版本号不同，从所述服务器中下载所述第二版本号的所述公共资源集，更新本地存储的所述公共资源集。

5.根据权利要求4所述的方法，其特征在于，所述更新本地存储的所述公共资源集，包括：

将所述第二版本号的所述公共资源集中所有所述公共资源存储在本地，且本地存储所述公共资源的路径与所述服务器存储同一所述公共资源的路径相同。

6.根据权利要求1所述的方法，其特征在于，还包括：

在所述H5资源需要被删除的情况下，获取包含所述H5资源的路径信息的路径信息列表，并删除与所述路径信息列表中的路径信息相一致的本地资源。

7.一种加载H5资源的装置，其特征在于，包括：拦截模块、判断模块、引用模块及下载模块；

所述拦截模块，用于获取在加载H5文件时的资源下载请求，并拦截所述资源下载请求，所述资源下载请求用于向服务器下载所述H5文件中的H5资源；

所述判断模块，用于判断本地是否存在所述H5资源；

所述引用模块，用于在本地存在所述H5资源的情况下，指示所述H5文件引用本地的所述H5资源；

所述下载模块，用于在本地不存在所述H5资源的情况下，向所述服务器下载所述H5资源，并指示所述H5文件引用下载的所述H5资源。

8.根据权利要求7所述的装置，其特征在于，所述判断模块包括：确定单元、引用单元及搜索单元；

所述确定单元，用于确定所述资源下载请求中所述H5资源的路径信息；

所述引用单元，用于当本地存储有与所述路径信息相一致的本地资源时，确定本地存在所述H5资源，并将所述本地资源作为所述H5资源；其中，本地与所述服务器以相同的路径存储资源；

搜索单元，用于当本地未存储有与所述路径信息相一致的本地资源时，确定本地不存在所述H5资源。

9.一种电子设备，包括总线、收发器、存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述收发器、所述存储器和所述处理器通过所述总线相连，其特征在于，所述计算机程序被所述处理器执行时实现如权利要求1至6中任一项所述的加载H5资源的方法中的步骤。

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

Images