CN109543437A - 一种加载资源方法和装置 - Google Patents

Abstract

本发明公开了一种加载资源方法和装置，通过获取Web网页待加载的加密的资源文件所对应的URL，基于所述URL和浏览器XMLHttpRequest对象，得到所述加密的资源文件对应的二进制文件，解密所述二进制文件，并生成对应解密后的二进制文件的新URL，基于所述新URL确定解密后的资源文件，并加载所述解密后的资源文件至所述Web网页。通过上述加载资源方法对资源进行处理后，可以在Web页面上加载加密的资源文件，同时还能将加密的资源文件进行解密得到的资源文件进行加载。

Description

一种加载资源方法和装置

技术领域

本发明涉及网络技术领域，具体为一种加载资源方法和装置。

背景技术

伴随着计算机和互联网技术的飞速发展，信息资源已经同能源、材料并列为当今世界上三大资源，广泛存在于经济、社会各个领域，为我们生活带来巨大的便利。然而，信息资源为我们带来巨大便利同时，也为我们带来了信息安全问题。而解决信息安全的途径就是对要保护的信息资源进行加密，但是用户需要读取加密资源中的资源时就需要解密，因此解密显得特别重要。

在现有技术中，为了获取加密资源方便，用户会在浏览器中安装Flash插件，利用Flash插件在浏览器中的Web页面上加载加密资源，然后对加密资源进行解密，获取加密资源里的资料。

但是，在移动终端中的浏览器并不支持安装Flash插件，因此，移动终端的浏览器的Web页面无法加载加密资源，无法实现加载加密资源以及对加载加密的资源进行解密。

发明内容

有鉴于此，本发明实施例提供了一种加载资源方法和装置，通过在浏览器对加密资源进行处理，达到在浏览器Web页面中对解密后的资源进行加载的目的。

为实现上述目的，本发明实施例提供如下技术方案：

本发明第一方面公开了一种加载资源方法，包括：

获取Web网页待加载的加密的资源文件所对应的URL；

基于所述URL和浏览器XMLHttpRequest对象，得到所述加密的资源文件对应的二进制文件；

解密所述二进制文件，并生成对应解密后的二进制文件的新URL；

基于所述新URL确定解密后的资源文件，并加载所述解密后的资源文件至所述Web网页。

优选的，所述基于所述URL和浏览器XMLHttpRequest对象，得到所述加密的资源文件对应的二进制文件，包括：

基于所述URL和浏览器XMLHttpRequest对象生成二进制文件的获取请求，所述二进制文件的获取请求包含数据响应类型和所述URL，所述数据响应类型为二进制大数据响应类型；

向存储所述加密的资源文件的服务器发送所述二进制文件的获取请求；

接收所述服务器根据所述二进制文件的获取请求返回的所述加密的资源文件对应的二进制文件。

优选的，所述基于所述URL和浏览器XMLHttpRequest对象，得到所述加密资源对应的二进制文件之后，还包括：

将所述加密的资源文件对应的二进制文件存储至缓存空间中。

优选的，所述解密所述二进制文件之前，还包括：

利用HTML5提供的FileReader对象，读取所述缓存空间中的加密的资源文件对应的二进制文件。

优选的，所述解密所述二进制文件，并生成对应解密后的二进制文件的新URL，包括：

对所述加密的资源文件的二进制文件进行解密，得到解密后的二进制文件；

通过调用浏览器的window.URL.createObjectURL方法，为所述解密后的二进制文件生成对应的新URL。

优选的，所述基于所述新URL确定解密后的资源文件，并加载所述解密后的资源文件至所述Web网页，包括：

利用Javascirpt将所述新URL赋值于对应的标签对象的src属性，所述标签对象是所述Web网页待加载的加密的资源文件的类型对应的标签对象；

基于所述标签对象的src属性和解密后的二进制文件，生成对应的解密后的资源文件；

加载所述解密后的资源文件至所述Web网页。

本发明第二方面公开了一种加载资源装置，包括：

获取单元，用于获取Web网页待加载的加密的资源文件所对应的URL；

二进制文件获取单元，用于基于所述URL和浏览器XMLHttpRequest对象，得到所述加密的资源文件对应的二进制文件；

处理单元，用于解密所述二进制文件，并生成对应解密后的二进制文件的新URL；

加载单元，用于基于所述新URL确定解密后的资源文件，并加载所述解密后的资源文件至所述Web网页。

优选的，所述二进制文件获取单元，包括：

请求生成子单元，用于基于所述URL和浏览器XMLHttpRequest对象生成二进制文件的获取请求，所述二进制文件的获取请求包含数据响应类型和所述URL，所述数据响应类型为二进制大数据响应类型；

请求发送子单元，用于向存储所述加密的资源文件的服务器发送所述二进制文件的获取请求；

接收子单元，用于接收所述服务器根据所述二进制文件的获取请求返回的所述加密的资源文件对应的二进制文件。

优选的，所述处理单元，包括：

解密子单元，用于对所述加密的资源文件的二进制文件进行解密，得到解密后的二进制文件；

URL生成子单元，用于通过调用浏览器的window.URL.createObjectURL方法，为所述解密后的二进制文件生成对应的新URL。

优选的，所述加载单元，包括：

赋值子单元，用于利用Javascirpt将所述新URL赋值于对应的标签对象的src属性，所述标签对象是所述Web网页待加载的加密的资源文件的类型对应的标签对象；

生成子单元，用于基于所述标签对象的src属性和解密后的二进制文件，生成对应的解密后的资源文件；

加载子单元，用于加载所述解密后的资源文件至所述Web网页。

由上述内容可知，本发明公开了一种加载资源方法和装置，通过获取Web网页待加载的加密的资源文件所对应的URL，基于所述URL和浏览器XMLHttpRequest对象，得到所述加密的资源文件对应的二进制文件，解密所述二进制文件，并生成对应解密后的二进制文件的新URL，基于所述新URL确定解密后的资源文件，并加载所述解密后的资源文件至所述Web网页。通过上述加载资源方法对资源进行处理后，可以在Web页面上加载加密的资源文件，同时还能将加密的资源文件进行解密得到的资源文件进行加载。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图。

图1为本发明实施例提供的一种加载资源方法流程图；

图2为本发明实施例提供的另一种加载资源方法流程图；

图3为本发明实施例提供的另一种加载资源方法流程图；

图4为本发明实施例提供的另一种加载资源方法流程图；

图5为本发明实施例提供的另一种加载资源方法流程图；

图6为本发明实施例提供的一种加载资源装置结构示意图；

图7为本发明实施例提供的另一种加载资源装置结构示意图；

图8为本发明实施例提供的另一种加载资源装置结构示意图；

图9为本发明实施例提供的另一种加载资源装置结构示意图。

具体实施方式

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

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

本申请实施例提供了一种加载资源方法，参见图1，上述方法至少包括如下步骤：

步骤S101：获取Web网页待加载的加密的资源文件所对应的URL。

需要说明的是，URL是资源定位符，对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址。

步骤S102：基于所述URL和浏览器XMLHttpRequest对象，得到所述加密的资源文件对应的二进制文件。

需要说明的是，在具体实现中是基于浏览器的Javascript实现的。具体利用浏览器内置对象XMLHttpRequest对象，获取指定URL的文件。其中，通过指定XMLHttpRequest对象中的响应数据类型为blob，由于blob是Javascript可以直接操作的一种二进制数据，因此，可以根据XMLHttpRequest对象中的URL获得该URL对应的资源文件，获得的资源文件为响应数据的二进制大数据对象，即该资源文件的二进制文件。

为了便于理解步骤S102的执行过程，下面举例示出可实现基于URL获取加密的资源文件的二进制文件程序代码。

需要说明的是，还可以采用其他代码实现基于URL获取加密的资源文件的二进制文件。

步骤S103：解密所述二进制文件，并生成对应解密后的二进制文件的新URL。

需要说明的是，解密是通过现有技术方式进行解密。

在对加密的资源文件的二进制文件解密后，得到的解密后的二进制文件是没有URL，因此需要对该二进制文件生成一个URL，以便于能够根据URL寻找到该解密后的二进制文件。

步骤S104：基于所述新URL确定解密后的资源文件，并加载所述解密后的资源文件至所述Web网页。

需要说明的是，基于步骤S103中为解密后的二进制文件生成的URL，Web网页可以通过该URL确定URL对应的二进制文件，然后浏览器利用Javascirpt根据解密后的二进制文件的URL直接加载二进制文件对应的资源文件。

在执行步骤S104时，如图2所示，具体实现过程包括以下步骤：

步骤S201：利用Javascirpt将所述新URL赋值于对应的标签对象的src属性，所述标签对象是所述Web网页待加载的加密的资源文件的类型对应的标签对象。

需要说明的是，每个对象都有自己的标签，该标签的src属性中含有对象的URL。以图片为例，<img>标签的src属性是必需的。src的值是图像文件的URL，也就是引用该图像的文件的的绝对路径或相对路径。

步骤S202：基于所述标签对象的src属性和解密后的二进制文件，生成对应的解密后的资源文件。

需要说明的是，Web网页显示的是文字、音频、视频、图片等资源，因此需要将解密后的二进制文件生成对应的解密后的资源文件。

步骤S203：加载所述解密后的资源文件至所述Web网页。

加载是将生成好的资源文件显示在Web页面上，以供人浏览。

为了便于理解上述步骤如何将资源文件加载至Web页面，下面举例示出加载mp3音频文件的程序代码。

例如：

需要说明的是，还可以采用其他代码实现将资源文件加载至Web页面上。

本发明实施例通过获取Web网页待加载的加密的资源文件所对应的URL，基于所述URL和浏览器XMLHttpRequest对象，得到所述加密的资源文件对应的二进制文件，解密所述二进制文件，并生成对应解密后的二进制文件的新URL，基于所述新URL确定解密后的资源文件，并加载所述解密后的资源文件至所述Web网页。通过上述加载资源方法对资源进行处理后，可以在web页面上加载加密的资源文件，同时还能将加密的资源文件进行解密得到的资源文件进行加载。

基于上述本发明实施例公开的加载资源方法，图1示出的步骤102的具体实现过程，如图3所示，包括以下步骤：

步骤S301：基于所述URL和浏览器XMLHttpRequest对象生成二进制文件的获取请求，所述二进制文件的获取请求包含数据响应类型和所述URL，所述数据响应类型为二进制大数据响应类型。

步骤S302：向存储所述加密的资源文件的服务器发送所述二进制文件的获取请求。

需要说明的是，在浏览器内置的XMLHttpRequest对象中，通过使用open方法初始化同步请求或异步请求，在具体实现中，该获取请求为异步请求，该异步请求中包含了响应数据类型以及资源文件的URL。

步骤S303：接收所述服务器根据所述二进制文件的获取请求返回的所述加密的资源文件对应的二进制文件。

需要说明的是，当服务器接收到请求时，会根据请求中的URL找到相应的资源文件，再根据请求中的响应数据类型将URL对应的资源文件进行返回。

基于上述本发明实施例公开的加载资源方法，图1示出的步骤103的具体实现过程，如图3所示，包括以下步骤：

在执行步骤S103时，如图4所示，具体实现过程包括以下步骤：

步骤S401：对所述加密的资源文件的二进制文件进行解密，得到解密后的二进制文件。

需要说明的是，由于获取到的是加密的资源文件的二进制文件，对该加密的资源文件的二进制文件进行解密后，得到的是资源文件的二进制文件，其对资源文件的加解密过程是自定义的规则。

为了便于理解，下面对加解密进行举例说明。

例如：我们用的一种加密算法是在3的N次方+N(N＝1、2、3。。N)处插入8位随机字节，而解密就是把3的N次方+N(N＝1…)处的8位随机字节删除。

为了便于理解，下面举例示出对加密资源文件的二进制文件进行解密程序代码。

例如：

需要说明的是，还可以采用其他代码实现将加密的资源文件进行解密。

步骤S402：通过调用浏览器的window.URL.createObjectURL方法，为所述解密后的二进制文件生成对应的新URL。

需要说明的是，在每次调用浏览器的createObjectURL方法的时候,都会创建一个新的对象URL，即使参数中的这个对象已经有了自己的对象URL。

为了便于理解步骤S402，下面举例示出该步骤的程序代码。

例如：

需要说明的是，还可以采用其他代码实现通过调用浏览器的window.URL.createObjectURL方法，为所述解密后的二进制文件生成对应的新URL。

本发明实施例通过获取Web网页待加载的加密的资源文件所对应的URL，基于所述URL和浏览器XMLHttpRequest对象，得到所述加密的资源文件对应的二进制文件，解密所述二进制文件，并生成对应解密后的二进制文件的新URL，基于所述新URL确定解密后的资源文件，并加载所述解密后的资源文件至所述Web网页。通过上述加载资源方法对资源进行处理后，可以在Web页面上加载加密的资源文件，同时还能将加密的资源文件进行解密得到的资源文件进行加载。

参见图5，为本申请实施例提供的另一种加载资源方法，该方法包括：

步骤S501：获取Web网页待加载的加密的资源文件所对应的URL。

步骤S502：基于所述URL和浏览器XMLHttpRequest对象，得到所述加密的资源文件对应的二进制文件。

需要说明的是，步骤S501和步骤S502的执行原理及具体执行过程与如图1所示的步骤S101和步骤S102的执行原理以及具体过程相同，可参见上述对应描述，这里不再进行赘述。

步骤S503：将所述加密的资源文件对应的二进制文件存储至缓存空间中。

需要说明的是，将加密的资源文件的文件获取后，是需要将二进制文件暂时存储。

步骤S504：利用HTML5提供的FileReader对象，读取所述缓存空间中的加密的资源文件对应的二进制文件。

需要说明的是，使用FileReader对象，Web应用程序可以异步的读取存储在用户计算机上的文件或者原始数据缓冲内容，可以使用File对象或者Blob对象来指定所要处理的文件或数据，对于我们的需要处理的是加密的资源文件的二进制是存储在缓存空间中，因此需要使用FileReader对象来读取加密的资源文件的二进制文件。

步骤S505：解密所述二进制文件，并生成对应解密后的二进制文件的新URL。

步骤S506：基于所述新URL确定解密后的资源文件，并加载所述解密后的资源文件至所述Web网页。

需要说明的是，步骤S505和步骤S506的执行原理及具体执行过程与如图1所示的步骤S103和步骤S104的执行原理及具体执行过程相同，可参见上述对应描述，这里就不再进行赘述。

本发明实施例通过获取Web网页待加载的加密的资源文件所对应的URL，基于所述URL和浏览器XMLHttpRequest对象，得到所述加密的资源文件对应的二进制文件，将所述加密资源对应的二进制文件存储至缓存空间中，再利用HTML5提供的FileReader对象，读取所述缓存空间中的加密的资源文件对应的二进制文件，解密所述二进制文件，并生成对应解密后的二进制文件的新URL，基于所述新URL确定解密后的资源文件，并加载所述解密后的资源文件至所述Web网页。通过上述加载资源方法对资源进行处理后，可以在web页面上加载加密的资源文件，同时还能将加密的资源文件进行解密得到的资源文件进行加载。

与上述本发明实施例公开的加载资源方法相对应，本发明实施例公开了一种加载资源装置，如图6所示，该加载资源装置包括：

获取单元601，用于获取Web网页待加载的加密的资源文件所对应的URL。

二进制文件获取单元602，用于基于所述URL和浏览器XMLHttpRequest对象，得到所述加密的资源文件对应的二进制文件。

处理单元603，用于解密所述二进制文件，并生成对应解密后的二进制文件的新URL。

加载单元604，用于基于所述新URL确定解密后的资源文件，并加载所述解密后的资源文件至所述Web网页。

优选的，如图7所示，所述二进制文件获取单元602，包括：

请求生成子单元701，用于基于所述URL和浏览器XMLHttpRequest对象生成二进制文件的获取请求，所述二进制文件的获取请求包含数据响应类型和所述URL，所述数据响应类型为二进制大数据响应类型。

请求发送子单元702，用于向存储所述加密的资源文件的服务器发送所述二进制文件的获取请求。

接收子单元703，用于接收所述服务器根据所述二进制文件的获取请求返回的所述加密的资源文件对应的二进制文件。

优选的，如图8所示，所述处理单元603，包括：

解密子单元801，用于对所述加密的资源文件的二进制文件进行解密，得到解密后的二进制文件；

URL生成子单元802，用于通过调用浏览器的window.URL.createObjectURL方法，为所述解密后的二进制文件生成对应的新URL。

优选的，如图9所示，所述加载单元604，包括：

赋值子单元901，用于利用Javascirpt将所述新URL赋值于对应的标签对象的src属性，所述标签对象是所述Web网页待加载的加密的资源文件的类型对应的标签对象。

生成子单元902，用于基于所述标签对象的src属性和解密后的二进制文件，生成对应的解密后的资源文件。

加载子单元903，用于加载所述解密后的资源文件至所述Web网页。

优选的，加载资源装置还包括：

缓存单元，用于将所述加密的资源文件对应的二进制文件存储至缓存空间中。

优选的，加载资源装置还包括：

读取单元，用于利用HTML5提供的FileReader对象，读取所述缓存空间中的加密的资源文件对应的二进制文件。

上述本发明实施例公开的加载资源装置中的各个单元和模块具体的原理和执行过程，与上述本发明实施例公开的加载资源方法相同，可参见上述本发明实施例公开的加载资源方法中相应的部分，这里不再进行赘述。

本发明实施例通过获取单元获取Web网页待加载的加密的资源文件所对应的URL，二进制文件获取单元基于所述URL和浏览器XMLHttpRequest对象，得到所述加密的资源文件对应的二进制文件，缓存单元将所述加密资源对应的二进制文件存储至缓存空间中，再利用HTML5提供的FileReader对象，读取单元读取所述缓存空间中的加密的资源文件对应的二进制文件，处理单元解密所述二进制文件，并生成对应解密后的二进制文件的新URL，加载单元基于所述新URL确定解密后的资源文件，并加载所述解密后的资源文件至所述Web网页。通过上述加载资源方法对资源进行处理后，可以在Web页面上加载加密的资源文件，同时还能将加密的资源文件进行解密得到的资源文件进行加载。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统或系统实施例而言，由于其基本相似于方法实施例，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。以上所描述的系统及系统实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。

专业人员还可以进一步意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、计算机软件或者二者的结合来实现，为了清楚地说明硬件和软件的可互换性，在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本发明的范围。

对所公开的实施例的上述说明，使本领域专业技术人员能够实现或使用本发明。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本发明的精神或范围的情况下+，在其它实施例中实现。因此，本发明将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。

Claims (10)

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

获取Web网页待加载的加密的资源文件所对应的URL；

基于所述URL和浏览器XMLHttpRequest对象，得到所述加密的资源文件对应的二进制文件；

解密所述二进制文件，并生成对应解密后的二进制文件的新URL；

基于所述新URL确定解密后的资源文件，并加载所述解密后的资源文件至所述Web网页。

2.根据权利要求1所述的方法，其特征在于，所述基于所述URL和浏览器XMLHttpRequest对象，得到所述加密的资源文件对应的二进制文件，包括：

基于所述URL和浏览器XMLHttpRequest对象生成二进制文件的获取请求，所述二进制文件的获取请求包含数据响应类型和所述URL，所述数据响应类型为二进制大数据响应类型；

向存储所述加密的资源文件的服务器发送所述二进制文件的获取请求；

接收所述服务器根据所述二进制文件的获取请求返回的所述加密的资源文件对应的二进制文件。

3.根据权利要求1所述的方法，其特征在于，所述基于所述URL和浏览器XMLHttpRequest对象，得到所述加密资源对应的二进制文件之后，还包括：

将所述加密的资源文件对应的二进制文件存储至缓存空间中。

4.根据权利要求3所述的方法，其特征在于，所述解密所述二进制文件之前，还包括：

利用HTML5提供的FileReader对象，读取所述缓存空间中的加密的资源文件对应的二进制文件。

5.根据权利要求1所述的方法，其特征在于，所述解密所述二进制文件，并生成对应解密后的二进制文件的新URL，包括：

对所述加密的资源文件的二进制文件进行解密，得到解密后的二进制文件；

通过调用浏览器的window.URL.createObjectURL方法，为所述解密后的二进制文件生成对应的新URL。

6.根据权利要求1所述的方法，其特征在于，所述基于所述新URL确定解密后的资源文件，并加载所述解密后的资源文件至所述Web网页，包括：

利用Javascirpt将所述新URL赋值于对应的标签对象的src属性，所述标签对象是所述Web网页待加载的加密的资源文件的类型对应的标签对象；

基于所述标签对象的src属性和解密后的二进制文件，生成对应的解密后的资源文件；

加载所述解密后的资源文件至所述Web网页。

7.一种加载资源装置，其特征在于，包括：

获取单元，用于获取Web网页待加载的加密的资源文件所对应的URL；

二进制文件获取单元，用于基于所述URL和浏览器XMLHttpRequest对象，得到所述加密的资源文件对应的二进制文件；

处理单元，用于解密所述二进制文件，并生成对应解密后的二进制文件的新URL；

加载单元，用于基于所述新URL确定解密后的资源文件，并加载所述解密后的资源文件至所述Web网页。

8.根据权利要求7所述的装置，其特征在于，所述二进制文件获取单元，包括：

请求生成子单元，用于基于所述URL和浏览器XMLHttpRequest对象生成二进制文件的获取请求，所述二进制文件的获取请求包含数据响应类型和所述URL，所述数据响应类型为二进制大数据响应类型；

请求发送子单元，用于向存储所述加密的资源文件的服务器发送所述二进制文件的获取请求；

接收子单元，用于接收所述服务器根据所述二进制文件的获取请求返回的所述加密的资源文件对应的二进制文件。

9.根据权利要求7所述的装置，其特征在于，所述处理单元，包括：

解密子单元，用于对所述加密的资源文件的二进制文件进行解密，得到解密后的二进制文件；

URL生成子单元，用于通过调用浏览器的window.URL.createObjectURL方法，为所述解密后的二进制文件生成对应的新URL。

10.根据权利要求7所述的装置，其特征在于，所述加载单元，包括：

赋值子单元，用于利用Javascirpt将所述新URL赋值于对应的标签对象的src属性，所述标签对象是所述Web网页待加载的加密的资源文件的类型对应的标签对象；

生成子单元，用于基于所述标签对象的src属性和解密后的二进制文件，生成对应的解密后的资源文件；

加载子单元，用于加载所述解密后的资源文件至所述Web网页。