CN114936192A - 一种文件动态压缩混淆和双向缓存方法及系统 - Google Patents

Abstract

本发明公开了一种文件动态压缩混淆和双向缓存方法及系统，方法在用户通过浏览器访问服务器端任意一资源文件，根据资源文件信息生成并上传访问文件请求；资源文件拦截服务收到浏览器上传的访问文件请求后，根据缓存配置器的配置和文件类型对访问文件请求拦截检测；根据拦截检测结果对需拦截的访问文件请求进行文件版本更新检测，若无需更新则返回状态码304至浏览器，并根据访问文件请求调用本地缓存的文件进行呈现；当检测需要更新文件时，先后从资源文件缓存池和本地资源文件中查找并更新文件，若未查找到文件则返回状态码404至浏览器。本发明大大提高了资源文件压缩、混淆的效率，降低了研发和发布的难度，提高了研发和发布效率。

Description

一种文件动态压缩混淆和双向缓存方法及系统

技术领域

本发明涉及文件处理技术领域，尤其涉及一种文件动态压缩混淆和双向缓存方法及系统。

背景技术

在互联网大前端技术蓬勃发展的今天，大批前端JS技术不断涌现出来，基于B/S架构研发的互联网系统大量依赖于各种前段技术或框架，形成了大量的JS、CSS、图片等资源和脚本文件，在本发明中将这些前端依赖的JS、CSS、图片等统一称之为资源文件，这些文件通常存放在服务器端通过浏览器引擎下载到客户机本地进行呈现，一方面由于前端技术依赖的第三方JS插件越来越多，另一方面前端功能越来越复杂综合导致了现在的前端资源文件越来越大，文件越来越多，大大浪费了网络资源，影响了互联网系统的整体访问速度和响应效率，为了解决这一问题，近年来涌现出了多种静态资源文件自动打包工具，其实现方式是将编写好的资源文件进行压缩、混淆之后形成一个或多个新的文件，再将形成的新文件发布到服务器端，从而来达到资源文件压缩、混淆的目的。

打包工具在一定程度上解决了大量资源文件影响网络资源和加载效率问题，但其缺陷也很明显，其一是资源文件的任何修改都需要重新进行一次打包工作，尤其是在资源文件庞大的时候，这个打包过程可能会非常耗时，其二是打包工具自身没有办法解决资源文件在服端和浏览器端缓存问题，需要借助第三方服务软件来完成缓存问题，其三是打包工具身自和第三方服务软件身自都不具备缓存版本维护功能，经常导致服务器端资源文件更新了以后，浏览器端并不会同步更新，需要手动在浏览器端删除缓存的资源文件才会重新同步。

发明内容

本发明的目的在于克服现有技术的不足，提供一种文件动态压缩混淆和双向缓存方法及系统，将压缩、混淆、缓存、资源文件访问服务四者合一，按需进行动态压缩、混淆、缓存，在保留了原资源文件结构的同时对其进行压缩和混淆，很好的解决了以上问题。

本发明的目的是通过以下技术方案来实现的：

一种文件动态压缩混淆和双向缓存方法，包括以下步骤：

步骤一：用户通过浏览器访问服务器端任意一资源文件，根据资源文件信息生成并上传访问文件请求；

步骤二：资源文件拦截服务收到浏览器上传的访问文件请求后，根据缓存配置器的配置和文件类型对访问文件请求拦截检测；

步骤三：根据拦截检测结果对需拦截的访问文件请求进行文件版本更新检测，若无需更新则返回状态码304至浏览器，并根据访问文件请求调用本地缓存的文件进行呈现；

步骤四：当检测需要更新文件时，先后从资源文件缓存池和本地资源文件中查找并更新文件，若未查找到文件则返回状态码404至浏览器。

具体的，所述步骤一具体包括：设置浏览器与服务器端之间的通信协议为http/https标准协议，用户通过浏览器在访问服务器端任意一资源文件时，根据资源文件的文件名、文件类型和路径信息生成访问文件请求并上传服务器端；若在本地缓存有访问文件请求对应的资源文件，则在访问文件请求中附加资源文件的缓存时间信息。

具体的，所述步骤二具体包括：资源文件拦截服务收到浏览器上传的访问文件请求后，获取访问文件请求的资源文件信息，根据缓存配置器的配置和拦截文件类型进行拦截检测，若访问文件请求的资源文件不需要拦截，则直接通过访问文件请求并交由其它服务进行请求处理。

具体的，所述拦截文件类型包括图片文件、JS类型文件和CSS类型文件。

具体的，所述步骤三具体包括：当检测到需要对访问文件请求进行拦截服务之后，根据浏览器上传访问文件请求中的文件名和缓存时间信息与服务器端的本地缓存的资源文件进行版本对比，若不需要更新资源文件时直接返回状态码304至浏览器，浏览器在收到304状态码后调用服务器端本地缓存的资源文件进行呈现。

具体的，所述步骤四具体包括：当检测到需要进行文件更新时，先从资源文件缓存池中进行文件查找，找到对应的资源文件后直接进行浏览器缓存协议组装并返回状态码200，同时返回文件体和对应资源文件在浏览器上的缓存信息；若在资源文件缓存池中未查找到对应的资源文件，则从本地资源文件中查找该资源文件；若未从本地资源文件中查找到对应的资源文件，则返回状态码404至浏览器，告知所访问的资源文件不存在；若在本地资源文件中查找到所访问的资源文件后，根据文件类型对资源文件进行压缩和混淆，其中，对于图片文件不作压缩和混淆，对于JS类型文件则调用JS文件压缩混淆引擎进行处理，对于CSS类型文件则调用CSS文件压缩混淆引擎进行处理；在资源文件压缩和混淆完成以后放入资源文件缓存池中，再重新获取缓存文件并返回状态码200、文件体，以及浏览器缓存信息。

一种采用上述一种文件动态压缩混淆和双向缓存方法实现的文件动态压缩混淆和双向缓存系统，包括浏览器、资源文件拦截服务模块、资源文件缓存池、资源文件压缩混淆引擎和缓存配置器；其中，浏览器用于访问服务器端资源文件并提交访问文件请求，以及根据服务器端返回的状态码对资源文件进行加载处理；缓存配置器用于配置需要拦截的资源文件名、路径信息和缓存时间信息；资源文件缓存池用于缓存资源文件；资源文件拦截服务模块用于根据缓存配置器的配置和文件类型拦截浏览器上传的访问文件请求；资源文件压缩混淆引擎用于对资源文件进行压缩和混淆处理，资源文件压缩混淆引擎包括JS文件压缩混淆引擎和CSS文件压缩混淆引擎。

本发明的有益效果：

1、本发明解决了现有技术在互联网前端领域上的压缩、混淆效率问题，同时通过动态压缩、混淆技术以及双向缓存（浏览器和服务器端缓存）技术很好的解决了大量资源文件加载所消耗的大量网络资源问题，解决了浏览器和服务器端缓存同步问题，大大提高了资源文件压缩、混淆的效率，降低了研发和发布的难度，提高了研发和发布效率。

2、本发明有两种部署方式，一种是嵌入到现有的WEB应用中去，一种是独立部署，无论是哪种部署方式，都能很好的屏蔽掉资源文件的压缩、混淆、缓存以及缓存同步等过程，研发和维护人员无需关心其整个实现过程，通过简单的配置就能很好的实现打包、发布、第三方资源服务软件等一系列操作才能完成的工作，可大大提高研发和发布的效率，减少资源文件加载对网络资源的消耗，自动解决资源文件缓存同步问题。

附图说明

图1是本发明的方法步骤流程图；

图2是资源文件动态压缩和混淆以及双向缓存实现流程图；

图3是系统的功能模块关系图。

具体实施方式

为了对本发明的技术特征、目的和有益效果有更加清楚的理解，现对本发明的技术方案精选以下详细说明。显然，所描述的实施案例是本发明一部分实施例，而不是全部实施例，不能理解为对本发明可实施范围的限定。基于本发明的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的其他所有实施例，都属于本发明的保护范围。

实施例一：

本实施例中，如图1所示，一种文件动态压缩混淆和双向缓存方法，包括以下步骤：

步骤一：用户通过浏览器访问服务器端任意一资源文件，根据资源文件信息生成并上传访问文件请求；

步骤二：资源文件拦截服务收到浏览器上传的访问文件请求后，根据缓存配置器的配置和文件类型对访问文件请求拦截检测；

步骤三：根据拦截检测结果对需拦截的访问文件请求进行文件版本更新检测，若无需更新则返回状态码304至浏览器，并根据访问文件请求调用本地缓存的文件进行呈现；

步骤四：当检测需要更新文件时，先后从资源文件缓存池和本地资源文件中查找并更新文件，若未查找到文件则返回状态码404至浏览器。

本实施例中，根据http/https标准协议，浏览器在访问服务器端任意一资源文件时，会携带文件名和路径信息，如果在本地有该文件缓存时还会携带缓存时间信息，浏览器根据服务器端返回的状态码来确定对该文件处理方式，本发明在此通信协议之上加上服务器端的动态压缩、混淆、缓存等技术来实现减少网络资源和提高加载效率，如图2所示，本发明方法的具体实现流程如下：

在本发明中，资源文件拦截服务收到浏览器访问文件请求以后，根据缓存配置器的配置和文件类型（这里只对图片、JS、CSS三种类型文件进行拦截）来确定是否需要拦截处理，如果不需要进行拦截处理，则直接放过交由其它服务进行处理。

当检测到需要进行拦截服务之后，根据浏览器上传的文件名和缓存时间信息和服务器端的本地缓存文件进行版本对比，在不需要更新的时候直接返回状态码304，浏览器在收到304状态码以后，直接用本地缓存的该文件进行呈现，可减少资源文件的重复加载。

当检测到需要进行文件更新时，先从资源文件缓存池中进行查找，找到之后直接进行浏览器缓存协议组装并返回状态码200，同时返回文件体和该文件在浏览器上的缓存信息，如果没有从资源文件缓存池里查找到该文件，则从本地资源文件中去查找，此如没有查找到则说明该文件不存在，返回状态码404，告知浏览器所访问的资源文件不存在。

在本地资源文件中查找到所访问的资源文件以后，根据文件类型对其进行压缩、混淆，其中对于图片不作压缩和混淆，对于JS类型文件则调用JS文件压缩混淆引擎进行处理，对于CSS类型文件则调用CSS文件压缩混淆引擎进行处理。压缩和混淆完成以后放入资源文件缓存池中，再重新获取缓存文件并返回状态码200和文件体以及浏览器缓存信息。

其中，前端优化方案之一，就是对静态文件进行压缩、合并，甚至混淆脚本代码也能起到压缩的作用。压缩的目的是减少数据包大小；合并的目的是减少http请求数量，浏览器加载静态文件是单线程的，逐个加载并执行；混淆的目的是简化脚本语法，优化脚本代码，这其中也会对文件有一定的压缩作用。

现有的文件压缩包括html 压缩、CSS压缩和js压缩与混淆，其中html压缩方式包括：1、通过使用在线网站进行压缩在线压缩工具；2、nodejs提供的html-minifier工具；3、后端模板引擎渲染压缩（ejs /jade模板引擎）；4、gulp/webpack等构建工具提供的插件的压缩。

CSS压缩过程中，首先对无效代码的删除，减少文件的大小，提升CSS渲染速度；最后对CSS语义进行合并。CSS压缩方式包括：1、使用在线网站进行压缩在线压缩工具；2、使用html-minifier对html中 的CSS进行压缩；3、使用clean-CSS对CSS 进行压缩。

js压缩与混淆过程中，压缩操作指删除 Javascript 代码中所有注释、跳格符号、换行符号及无用的空格，从而压缩 JS 文件大小。混淆操作指经过编码将变量和函数原命名改为毫无意义的命名，以防止他人窥视和窃取 Javascript 源代码。

其js压缩与混淆方式包括：1、使用在线网站进行压缩在线工具；2、使用html-minifier对html中 的js进行压缩；3、使用uglifyjs2 对js文件进行压缩。

以上三种方式对html，CSS，javascript等文件进行压缩，会节省这些文件在网络传输的时间。

本实施例解决了现有技术在互联网前端领域上的压缩、混淆效率问题，同时通过动态压缩、混淆技术以及双向缓存（浏览器和服务器端缓存）技术很好的解决了大量资源文件加载所消耗的大量网络资源问题，解决了浏览器和服务器端缓存同步问题，大大搞了资源文件压缩、混淆的效率，降低了研发和发布的难度，提高了研发和发布效率。

实施例二：

本实施例中，还提供了一种文件动态压缩混淆和双向缓存系统，采用实施例一的文件动态压缩混淆和双向缓存方法实现，系统包括浏览器、资源文件拦截服务模块、资源文件缓存池、资源文件压缩混淆引擎和缓存配置器；其中，浏览器用于访问服务器端资源文件并提交访问文件请求，以及根据服务器端返回的状态码对资源文件进行加载处理；缓存配置器用于配置需要拦截的资源文件名、路径信息和缓存时间信息；资源文件缓存池用于缓存资源文件；资源文件拦截服务模块用于根据缓存配置器的配置和文件类型拦截浏览器上传的访问文件请求；资源文件压缩混淆引擎用于对资源文件进行压缩和混淆处理，资源文件压缩混淆引擎包括JS文件压缩混淆引擎和CSS文件压缩混淆引擎。

如图3所示，整个系统由以下几个功能模块组成，其中浏览器是客户机电脑上的通用浏览器，资源文件拦截服务为一个由Java语言实现的嵌入式拦截服务，可以嵌入到任何由Java语言实现的WEB服务中，也可以独立进行部署，后面的资源文件缓存池为该服务自行维持的一个资源文件纯内存缓存空间，资源文件压缩和混淆引擎是在JS和CSS文件压缩和混淆引擎之上进行的二次研发形成的动态资源文件压缩和混淆引擎，这里的资源文件指存放于服务器端磁盘上的资源文件（如JS、CSS、图片）。

本发明的整个后端服务包括资源文件拦截服务、缓存配置器、资源文件缓存池、资源文件压缩混淆引擎打包成一个完整的服务插件，可以通过嵌入式和独立部署进行发布，无论是独立部署还是嵌入式服务都将包含两部分内容，一部分是可供嵌入式和独立部署的Jar包，可以通过Maven仓库引入，另一部分是有关于缓存的配置文件。

通过Maven的配置可以引入不同版本的服务，其后在配置文件（该配置文件默认名称为noka-config.xml，位于本应用资源根目录下），其配置项说明如下：

1、cache 为缓存开关，指示是否启用双向缓存功能

2、jszip为针对js文件的压缩和混淆开关，指示是否对js文件进行压缩和混淆；

3、cszip为针对CSS文件的压缩和混淆开关，指示是否对CSS文件进行压缩和混淆；

4、prefix是资源文件路径，可以有多个；

5、skip是指示需要跳过处理的资源文件；

6、cache-file是针对某一类型文件在浏览器上所缓存的期限，如30D表示30天。

本发明系统有两种部署方式，一种是嵌入到现有的WEB应用中去，一种是独立部署，无论是哪种部署方式，都能很好的屏蔽掉资源文件的压缩、混淆、缓存以及缓存同步等过程，研发和维护人员无需关心其整个实现过程，通过简单的配置就能很好的实现需要打包、发布、第三方资源服务软件等一系列操作才能完成的工作，可大大提高研发和发布的效率，减少资源文件加载对网络资源的消耗，自动解决资源文件缓存同步问题。

以上显示和描述了本发明的基本原理、主要特征和本发明的优点。本行业的技术人员应该了解，本发明不受上述实施例的限制，上述实施例和说明书中描述的只是说明本发明的原理，在不脱离本发明精神和范围的前提下，本发明还会有各种变化和改进，这些变化和改进都落入要求保护的本发明范围内。本发明要求保护的范围由所附的权利要求书及其等效物界定。

Claims (7)

1.一种文件动态压缩混淆和双向缓存方法，其特征在于，包括：

步骤一：用户通过浏览器访问服务器端任意一资源文件，根据资源文件信息生成并上传访问文件请求；

步骤二：资源文件拦截服务收到浏览器上传的访问文件请求后，根据缓存配置器的配置和文件类型对访问文件请求拦截检测；

步骤三：根据拦截检测结果对需拦截的访问文件请求进行文件版本更新检测，若无需更新则返回状态码304至浏览器，并根据访问文件请求调用本地缓存的文件进行呈现；

步骤四：当检测需要更新文件时，先后从资源文件缓存池和本地资源文件中查找并更新文件，若未查找到文件则返回状态码404至浏览器。

2.根据权利要求1所述的一种文件动态压缩混淆和双向缓存方法，其特征在于，所述步骤一具体包括：设置浏览器与服务器端之间的通信协议为http/https标准协议，用户通过浏览器在访问服务器端任意一资源文件时，根据资源文件的文件名、文件类型和路径信息生成访问文件请求并上传服务器端；若在本地缓存有访问文件请求对应的资源文件，则在访问文件请求中附加资源文件的缓存时间信息。

3.根据权利要求1所述的一种文件动态压缩混淆和双向缓存方法，其特征在于，所述步骤二具体包括：资源文件拦截服务收到浏览器上传的访问文件请求后，获取访问文件请求的资源文件信息，根据缓存配置器的配置和拦截文件类型进行拦截检测，若访问文件请求的资源文件不需要拦截，则直接通过访问文件请求并交由其它服务进行请求处理。

4.根据权利要求3所述的一种文件动态压缩混淆和双向缓存方法，其特征在于，所述拦截文件类型包括图片文件、JS类型文件和CSS类型文件。

5.根据权利要求1所述的一种文件动态压缩混淆和双向缓存方法，其特征在于，所述步骤三具体包括：当检测到需要对访问文件请求进行拦截服务之后，根据浏览器上传访问文件请求中的文件名和缓存时间信息与服务器端的本地缓存的资源文件进行版本对比，若不需要更新资源文件时直接返回状态码304至浏览器，浏览器在收到304状态码后调用服务器端本地缓存的资源文件进行呈现。

6.根据权利要求1所述的一种文件动态压缩混淆和双向缓存方法，其特征在于，所述步骤四具体包括：当检测到需要进行文件更新时，先从资源文件缓存池中进行文件查找，找到对应的资源文件后直接进行浏览器缓存协议组装并返回状态码200，同时返回文件体和对应资源文件在浏览器上的缓存信息；若在资源文件缓存池中未查找到对应的资源文件，则从本地资源文件中查找该资源文件；若未从本地资源文件中查找到对应的资源文件，则返回状态码404至浏览器，告知所访问的资源文件不存在；若在本地资源文件中查找到所访问的资源文件后，根据文件类型对资源文件进行压缩和混淆，其中，对于图片文件不作压缩和混淆，对于JS文件则调用JS文件压缩混淆引擎进行处理，对于CSS文件则调用CSS文件压缩混淆引擎进行处理；在资源文件压缩和混淆完成以后放入资源文件缓存池中，再重新获取缓存文件并返回状态码200、文件体，以及浏览器缓存信息。

7.一种采用上述权利要求1~6任意一项所述一种文件动态压缩混淆和双向缓存方法实现的文件动态压缩混淆和双向缓存系统，其特征在于，包括浏览器、资源文件拦截服务模块、资源文件缓存池、资源文件压缩混淆引擎和缓存配置器；其中，浏览器用于访问服务器端资源文件并提交访问文件请求，以及根据服务器端返回的状态码对资源文件进行加载处理；缓存配置器用于配置需要拦截的资源文件名、路径信息和缓存时间信息；资源文件缓存池用于缓存资源文件；资源文件拦截服务模块用于根据缓存配置器的配置和文件类型拦截浏览器上传的访问文件请求；资源文件压缩混淆引擎用于对资源文件进行压缩和混淆处理，资源文件压缩混淆引擎包括JS文件压缩混淆引擎和CSS文件压缩混淆引擎。

Images