一种界面加载方法、装置及设备与流程

本申请涉及计算机技术领域，尤其涉及一种界面加载方法、装置及设备。

背景技术：

随着信息技术的发展，越来越多的服务通过访问界面来实现。

具体而言，在现有技术中，服务方将可以提供的资源或者服务通过在线界面的方式展示出来，用户通过访问所述在线界面来获取相关的资源或者服务。

基于现有技术，我们需要更为方便快捷的界面访问方式。

技术实现要素：

本申请实施例提供一种界面加载方法、装置及设备，用于解决当前技术中访问界面时加载在线资源速度较慢的问题。

基于此，本申请实施例提供一种界面加载方法，所述方法包括：

根据已确定的资源标识获取其对应的资源；

根据所述已确定的资源标识生成资源存储路径；

发送所述资源和资源存储路径至客户端，以便所述客户端根据所述资源存储路径本地存储所述资源。

同时，本申请实施例还提供一种界面加载方法，所述方法包括：

确定用户所需访问的待加载界面；

获取所述待加载界面中的资源对应的资源标识；

根据所述资源标识生成待匹配资源存储路径，匹配本地的资源存储路径；

若匹配成功，根据所述资源存储路径加载存储于本地的资源，其中，匹配成功的资源存储路径是根据所述资源标识预先生成的。

本申请实施例还提供一种界面加载装置，所述装置包括：

获取模块，根据已确定的资源标识获取其对应的资源；

生成模块，根据所述已确定的资源标识生成资源存储路径；

发送模块，发送所述资源和资源存储路径至客户端，以便所述客户端根据所述资源存储路径本地存储所述资源。

本申请实施例还提供一种界面加载装置，所述装置包括：

确定模块，确定用户所需访问的待加载界面；

获取模块，获取所述待加载界面中的资源对应的资源标识；

匹配模块，根据所述资源标识生成待匹配资源存储路径，匹配本地的资源存储路径；

加载模块，若匹配成功，根据所述资源存储路径加载存储于本地的资源，其中，匹配成功的资源存储路径是根据所述资源标识预先生成的。

对应的，本申请实施例还提供一种界面加载设备，所述设备包括：

存储器，存储界面加载程序；

处理器，接收到已确定的资源标识后，调用存储器中的信息处理程序，并执行：

根据已确定的资源标识获取其对应的资源；

根据所述已确定的资源标识生成资源存储路径；

发送所述资源和资源存储路径至客户端，以便所述客户端根据所述资源存储路径本地存储所述资源。

对应的，本申请实施例还提供一种界面加载设备，所述设备包括：

存储器，存储界面加载程序；

处理器，接收界面加载指令后，调用存储器中存储的界面加载程序，并执行：

确定用户所需访问的待加载界面；

获取所述待加载界面中的资源对应的资源标识；

根据所述资源标识生成待匹配资源存储路径，匹配本地的资源存储路径；

若匹配成功，根据所述资源存储路径加载存储于本地的资源，其中，匹配成功的资源存储路径是根据所述资源标识预先生成的。

基于同样的思路，本申请实施例还提供了对应的一种非易失性计算机存储介质，存储有计算机可执行指令，所述计算机可执行指令设置为：

监听已确定的资源标识；

根据已确定的资源标识获取其对应的资源；

根据所述已确定的资源标识生成资源存储路径；

发送所述资源和资源存储路径至客户端，以便所述客户端根据所述资源存储路径本地存储所述资源。

本申请实施例还提供了对应的另一种非易失性计算机存储介质，存储有计算机可执行指令，所述计算机可执行指令设置为：

监听界面加载请求；

确定用户所需访问的待加载界面；

获取所述待加载界面中的资源对应的资源标识；

根据所述资源标识生成待匹配资源存储路径，匹配本地的资源存储路径；

若匹配成功，根据所述资源存储路径加载存储于本地的资源，其中，匹配成功的资源存储路径是根据所述资源标识预先生成的。

相较于现有技术而言，本申请实施例中根据资源标识，将在线界面中的资源发送至客户端本地，从而客户端在访问在线界面时，加载在线资源可以在本地进行，减少了在线界面的加载耗时，可以在各种网络环境下(包括弱网环境)，让界面更快的渲染出来，提升了用户体验。

附图说明

图1为本申请所采用的架构图；

图2为本申请实施例提供的一种方法流程示意图；

图3为本申请实施例提供的另一种方法流程示意图；

图4为本申请实施例提供的在实际应用中界面加载的步骤示意图；

图5为本申请实施例提供的一种装置结构示意图；

图6为本申请实施例提供的另一种装置结构示意图。

具体实施方式

为使本申请的目的、技术方案和优点更加清楚，下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然，所描述的实施例仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

基于前述内容，所述的待加载界面可以是各种应用客户端(例如hybridapp或者webapp)在提供对外服务时采用的在线界面，也可以是各种浏览器所展示的在线页面；所述的资源可包括在线界面中的各种图像文件、声音文件、html文件、js文件、css文件等资源。

在本申请实施例中，所述的界面加载方法可采用如图1所示的架构，所述架构中的客户端可包括安装在硬件终端上的各种应用客户端，所述的终端可包括各种移动终端(例如手机、ipad等等)和固定终端(例如服务器)，基于此，前述的本地存储指的是将资源存储在安装了所述客户端的所述终端上。

下面将基于如图1所示的架构，详细说明本申请实施例提供的界面加载方法的过程，该过程具体包括以下步骤，如图2所示：

步骤s201，根据已确定的资源标识获取其对应的资源。

其中，所述已确定的资源标识可以是根据业务需求预先确定的，也可以是服务器实时接收的。服务器根据所述已确定的资源标识，自动获取所述资源标识获取对应的资源，在有必要的时候，还可以将获取到的资源存储于服务器上。

需要说明的是，所述的资源标识(例如统一资源标识符，uniformresourceidentifier，uri)包括资源地址(例如统一资源定位符，uniformresourcelocator，url)和资源名称(例如统一资源名称，uniformresourcename，urn)，具体选择哪种方式来实现，此处不做具体限定，只需根据所选择的资源标识能够获取确定的资源即可。

步骤s203，根据所述已确定的资源标识生成资源存储路径。

具体而言，当所述的资源标识为资源地址url时，解析所述已确定的资源地址，获取其中所包括的特征信息，所述特征信息可包括存储资源的主机名称、资源在所述主机中的存储地址和资源在所述主机中的名称等等，然后根据所述的特征信息按照特定的规则生成资源存储路径。

例如，某js文件的url为https://abc.com/demo/a.js，那么，经过解析，获得主机名称abc.com，所述文件在主机中的存储地址为“demo”目录，文件在主机中的名称a.js，最终生成如下资源存储路径：abc.com/demo/a.js。

若所述的资源标识为资源名称urn时，根据所述的资源名称生成资源存储路径。

例如，若文件b.js的urn为abcdefg，根据所述的urn，生成如下资源存储路径：abcdefg/b.js。

步骤s205，发送所述资源和资源存储路径至客户端，以便所述客户端根据所述资源存储路径本地存储所述资源。

即，将所述资源和和包含所述资源存储路径信息的文件发送至客户端，客户端接收到所述的文件后将所述资源存储至本地终端的所述资源存储路径下。容易理解，此处的资源存储路径作为一种信息，发送该信息的方式并不局限于通过文件传输。

续前例，服务器将所述文件a.js和包含资源存储路径abc.com/demo/a.js的文件一起发送至客户端。客户端接收到所述的文件和资源存储路径文件后，根据接收到的资源存储路径将a.js文件存储至本地终端的abc.com/demo目录下；在所述前例的另一种情形中，服务器将所述b.js文件和资源存储路径信息abcdefg/b.js发送至客户端，客户端接收到以后，将文件b.js存储至本地终端的abcdefg目录下。

在前述的存储过程中，若本地终端的存储器中不存在所述的资源存储路径，则根据所述资源存储路径创建文件目录，以将所述资源存储至所述的资源存储路径中。续前例，对于资源存储路径abc.com/demo/a.js而言，即创建文件目录abc.com/demo/，并将a.js文件存储至该目录下。

通过上述方法，服务器通过获取在线资源，并发送至客户端，实现了将在线资源进行客户端本地存储，以便于在后续的界面加载中进行本地资源加载。

作为本申请实施例的一个可选方案，在步骤s205，发送所述资源和资源存储路径至客户端的过程中，还可以通过压缩和解压缩过程来降低传输过程中的数据传输量，包括如下过程：根据所述获取的资源和资源存储路径生成资源包，发送所述资源包至客户端，以便所述客户端解压缩所述资源包，并根据所述资源存储路径本地存储所述资源。

此外，服务器在发送所述资源至客户端后，还可以采用前述的流程，根据设定的更新机制对所述资源进行更新，以使得存储在本地的资源不会过时。

下面再从客户端的角度，描述在客户端的界面加载过程，该过程具体包括以下步骤，如图3所示：

步骤s301，确定用户所需访问的待加载界面。

即客户端通过用户发起的界面加载指令，确定用户所需访问的待加载界面。

步骤s303，获取所述待加载界面中的资源对应的资源标识。

即客户端监到该访问指令后，获取待加载界面中资源对应的资源标识，其中，所述资源标识包括资源地址或资源名称。

续前例，确定待访问页面后，获得资源地址https://abc.com/demo/a.js或者资源名称abcdefg。

步骤s305，根据所述资源标识生成资源存储路径，匹配本地的资源存储路径。

具体而言，当所述资源标识为地址时，可通过如下方式来实现：

i，解析所述获取到的资源地址，得到资源地址中所包含的特征信息；

ii，根据所述特征信息生成资源存储路径；

iii，根据所述生成的资源存储路径匹配本地的资源存储路径；

其中，所述特征信息包括存储资源的主机名称、资源在所述主机中的存储地址和资源在所述主机中的名称。

续前例，若获取得到的url为https://abc.com/demo/a.js，那么，经过解析，获得存储资源的主机名称abc.com，所述资源在主机中的存储地址为“demo”目录，文件在主机中的名称a.js，最终生成如下资源存储路径：abc.com/demo/a.js，然后根据abc.com/demo/a.js在客户端本地进行匹配。

对于获取的资源标识为资源名称的情况，例如，若获取得到文件b.js的资源标识为资源名称“abcdefg”，根据所述名称生成资源存储路径abcdefg/b.js，然后，根据资源存储路径abcdefg/b.js在客户端本地进行匹配。

步骤s307，若匹配成功，根据所述资源存储路径加载存储于本地的资源，其中，匹配成功的资源存储路径是根据所述资源标识预先生成的。

基于前述说明，资源在本地的存储路径是根据所述资源标识预先生成的。在生成资源存储路径的时候，根据同样的资源标识生成同样的资源存储路径，进而，所述匹配成功时的资源存储路径下的资源即为所述获取的资源标识所对应的资源。此时，就无需在线去加载所述资源，直接本地加载即可。

当然，若匹配失败，则意味着本地没有存储对应的资源，此时，客户端还可以根据所述资源标识在线加载资源。

根据前述的架构，在实际应用场景下，本申请实所提供的界面加载流程可如图4所示，包括：

步骤s401：发送资源和生成的资源存储路径至客户端；

步骤s403：客户端根据所述资源存储路径本地存储所述资源；

步骤s405：用户向客户端发起界面加载请求；

步骤s407：客户端获取界面加载请求中的资源标识，生成资源存储路径并进行本地匹配；

步骤s409：若匹配成功，客户端加载存储于本地的资源。

通过采用前述的方法，客户端在访问在线界面时，加载在线资源可以在本地进行，减少了在线界面的加载耗时，可以在各种网络环境下(包括弱网环境)让界面更快的渲染出来，提升了用户体验。

基于同样的思路，本申请还提供一种界面加载装置，如图5所示，所述界面加载装置包括：

获取模块501，根据已确定的资源标识获取其对应的资源；

生成模块503，根据所述已确定的资源标识生成资源存储路径；

发送模块505，发送所述资源和资源存储路径至客户端，以便所述客户端根据所述资源存储路径本地存储所述资源。

进一步地，所述发送模块505，根据所述获取的资源和资源存储路径生成资源包，发送所述资源包至客户端，以便所述客户端解压缩所述资源包，并根据所述资源存储路径本地存储所述资源。

本申请还提供另外一种界面加载装置，如图6，所述界面加载装置包括：

确定模块601，确定用户所需访问的待加载界面；

获取模块603，获取所述待加载界面中的资源对应的资源标识；

匹配模块605，根据所述资源标识生成待匹配资源存储路径，匹配本地的资源存储路径；

加载模块607，若匹配成功，根据所述资源存储路径加载存储于本地的资源，其中，匹配成功的资源存储路径是根据所述资源标识预先生成的。

进一步地，所述获取模块603，获取待加载界面中的资源地址或资源名称。

进一步地，所述匹配模块605，解析所述获取到的资源地址，得到资源地址中所包含的特征信息，根据所述特征信息生成资源存储路径，根据所述生成的资源存储路径匹配本地的资源存储路径，其中，所述特征信息包括存储资源的主机名称、资源在所述主机中的存储地址和资源在所述主机中的名称。

进一步地，所述加载模块607，若匹配失败，根据所述资源标识在线加载资源。

上述对本说明书特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下，在权利要求书中记载的动作或步骤或模块可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外，在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中，多任务处理和并行处理也是可以的或者可能是有利的。

对应的，本申请实施例还提供一种界面加载设备，所述设备服务器，所述服务器包括：

存储器，存储界面加载程序；

处理器，接收到已确定的资源标识后，调用存储器中的信息处理程序，并执行：

根据已确定的资源标识获取其对应的资源；

根据所述已确定的资源标识生成资源存储路径；

发送所述资源和资源存储路径至客户端，以便所述客户端根据所述资源存储路径本地存储所述资源。

对应的，本申请实施例还挺另一种界面加载设备，所述设备包括客户端，所述客户端包括：

存储器，存储界面加载程序；

处理器，接收界面加载指令后，调用存储器中存储的界面加载程序，并执行：

确定用户所需访问的待加载界面；

获取所述待加载界面中的资源对应的资源标识；

根据所述资源标识生成待匹配资源存储路径，匹配本地的资源存储路径；

若匹配成功，根据所述资源存储路径加载存储于本地的资源，其中，匹配成功的资源存储路径是根据所述资源标识预先生成的。

基于同样的发明思路，本申请实施例还提供了对应的一种非易失性计算机存储介质，存储有计算机可执行指令，所述计算机可执行指令设置为：

监听已确定的资源标识；

根据已确定的资源标识获取其对应的资源；

根据所述已确定的资源标识生成资源存储路径；

发送所述资源和资源存储路径至客户端，以便所述客户端根据所述资源存储路径本地存储所述资源。

基于同样的发明思路，本申请实施例还提供了对应的另一种非易失性计算机存储介质，存储有计算机可执行指令，所述计算机可执行指令设置为：

监听界面加载请求；

确定用户所需访问的待加载界面；

获取所述待加载界面中的资源对应的资源标识；

根据所述资源标识生成待匹配资源存储路径，匹配本地的资源存储路径；

加载模块，若匹配成功，根据所述资源存储路径加载存储于本地的资源，其中，匹配成功的资源存储路径是根据所述资源标识预先生成的。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于装置、设备和介质类实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可，这里就不再一一赘述。

在20世纪90年代，对于一个技术的改进可以很明显地区分是硬件上的改进(例如，对二极管、晶体管、开关等电路结构的改进)还是软件上的改进(对于方法流程的改进)。然而，随着技术的发展，当今的很多方法流程的改进已经可以视为硬件电路结构的直接改进。设计人员几乎都通过将改进的方法流程编程到硬件电路中来得到相应的硬件电路结构。因此，不能说一个方法流程的改进就不能用硬件实体模块来实现。例如，可编程逻辑器件(programmablelogicdevice,pld)(例如现场可编程门阵列(fieldprogrammablegatearray，fpga))就是这样一种集成电路，其逻辑功能由用户对器件编程来确定。由设计人员自行编程来把一个数字系统“集成”在一片pld上，而不需要请芯片制造厂商来设计和制作专用的集成电路芯片。而且，如今，取代手工地制作集成电路芯片，这种编程也多半改用“逻辑编译器(logiccompiler)”软件来实现，它与程序开发撰写时所用的软件编译器相类似，而要编译之前的原始代码也得用特定的编程语言来撰写，此称之为硬件描述语言(hardwaredescriptionlanguage，hdl)，而hdl也并非仅有一种，而是有许多种，如abel(advancedbooleanexpressionlanguage)、ahdl(alterahardwaredescriptionlanguage)、confluence、cupl(cornelluniversityprogramminglanguage)、hdcal、jhdl(javahardwaredescriptionlanguage)、lava、lola、myhdl、palasm、rhdl(rubyhardwaredescriptionlanguage)等，目前最普遍使用的是vhdl(very-high-speedintegratedcircuithardwaredescriptionlanguage)与verilog。本领域技术人员也应该清楚，只需要将方法流程用上述几种硬件描述语言稍作逻辑编程并编程到集成电路中，就可以很容易得到实现该逻辑方法流程的硬件电路。

控制器可以按任何适当的方式实现，例如，控制器可以采取例如微处理器或处理器以及存储可由该(微)处理器执行的计算机可读程序代码(例如软件或固件)的计算机可读介质、逻辑门、开关、专用集成电路(applicationspecificintegratedcircuit，asic)、可编程逻辑控制器和嵌入微控制器的形式，控制器的例子包括但不限于以下微控制器：arc625d、atmelat91sam、microchippic18f26k20以及siliconelabsc8051f320，存储器控制器还可以被实现为存储器的控制逻辑的一部分。本领域技术人员也知道，除了以纯计算机可读程序代码方式实现控制器以外，完全可以通过将方法步骤进行逻辑编程来使得控制器以逻辑门、开关、专用集成电路、可编程逻辑控制器和嵌入微控制器等的形式来实现相同功能。因此这种控制器可以被认为是一种硬件部件，而对其内包括的用于实现各种功能的装置也可以视为硬件部件内的结构。或者甚至，可以将用于实现各种功能的装置视为既可以是实现方法的软件模块又可以是硬件部件内的结构。

上述实施例阐明的系统、装置、模块或单元，具体可以由计算机芯片或实体实现，或者由具有某种功能的产品来实现。一种典型的实现设备为计算机。具体的，计算机例如可以为个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任何设备的组合。

为了描述的方便，描述以上装置时以功能分为各种单元分别描述。当然，在实施本申请时可以把各单元的功能在同一个或多个软件和/或硬件中实现。

本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、cd-rom、光学存储器等)上实施的计算机程序产品的形式。

本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

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

在一个典型的配置中，计算设备包括一个或多个处理器(cpu)、输入/输出接口、网络接口和内存。

内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(ram)和/或非易失性内存等形式，如只读存储器(rom)或闪存(flashram)。内存是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(pram)、静态随机存取存储器(sram)、动态随机存取存储器(dram)、其他类型的随机存取存储器(ram)、只读存储器(rom)、电可擦除可编程只读存储器(eeprom)、快闪记忆体或其他内存技术、只读光盘只读存储器(cd-rom)、数字多功能光盘(dvd)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitorymedia)，如调制的数据信编号和载波。

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

本领域技术人员应明白，本申请的实施例可提供为方法、系统或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、cd-rom、光学存储器等)上实施的计算机程序产品的形式。

本申请可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定事务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本申请，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行事务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

以上所述仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利范围之中。