Spring Boot Web 静态文件缓存处理的方法

采用Spring Boot + Freemarker开发Web项目时，由于一些静态文件比较大，如果是在PC上访问影响不大，当在手机上访问时，特别是用流量访问时速度会慢很多，而且很耗流量。

通过对请求进行抓包，可以发现每次进入一个页面都需要加载静态文件，如果不差钱的公司可以将静态文件放在CDN上来加快访问速度，或者用Nginx来做静态文件的缓存。

今天给大家介绍一种其他的缓存优化方式，通过Spring的缓存机制来缓存静态文件，在Spring Boot中配置静态文件缓存只需要在配置文件中加入下面的配置即可：

# 资源缓存时间，单位秒
spring.resources.cache-period=604800 
# 开启gzip压缩
spring.resources.chain.gzipped=true 
# 启用缓存
spring.resources.chain.cache=false

配置可以参考文档： https://docs.spring.io/spring-boot/docs/1.5.4.RELEASE/reference/htmlsingle/ 的SPRING RESOURCES HANDLING部分

加上缓存配置后我们访问页面后，被加载过的静态资源就会缓存起来，第二次访问时就不会再去重新请求下载了，通过抓包可以看出确实被缓存了。

在Size那列有from memory cache,资源被缓存在浏览器的内存中了，也有的文件会缓存在磁盘中，那就是from disk cache。

优化目的是达到了，但是有一个小问题没有解决，就是如果我的资源文件变了，比如css文件有修改，当我服务端发布之后，用户这边还是会存在缓存。

最好的效果时当文件有改变时或者说当服务端的程序重启之后，用户的请求需要下载服务端的最新资源，没有重启的时候就用缓存的内容，这样就能保证更改后用户能够马上看到最新的内容。

我们可以用版本号来解决这个问题，就是在静态资源后面加上一个版本号，当资源发生变化时将版本号也改变，这样就不会有问题了。

使用方式如下：

<link rel="stylesheet" href="css/main-app.css?version=${version!}" rel="external nofollow" />

用法很简单，关键是version这个值从哪来呢？

我们可以在启动前通过代码设置这个值：

System.setProperty("version", version);

这个值可以通过main方法的args传进来，在启动项目的脚本中动态传到程序中，启动脚本可以获取程序jar的MD5值作为版本号，这样当服务端的程序重启之后，版本号就变了，缓存就失效了。

然后在过滤器中获取这个值设置到request中就可以在每个页面中使用了

String version = System.getProperty("version");
req.setAttribute("version", version == null ? "1.0.0" : version);

除了这种参数传递的方式，大家还可以通过自定义打包的插件，在打包的时候将version替换成具体的内容也可以。

上面讲的方式是通过自己去生成version来控制文件的变更，其实Spring Mvc中已经提供了静态文件的版本管理功能，有二种方式，一种是通过资源的MD5来生成版本号，文件内容变了，MD5肯定也变了。另一种是在资源的前面加上版本号的路径。

MD5

在属性文件中增加下面的配置：

spring.resources.chain.strategy.content.enabled=true
spring.resources.chain.strategy.content.paths=/**

增加Url的处理：

@ControllerAdvice
public class ControllerConfig {

  @Autowired
  ResourceUrlProvider resourceUrlProvider;

  @ModelAttribute("urls")
  public ResourceUrlProvider urls() {
    return this.resourceUrlProvider;
  }

}

页面中使用方式如下：

编译之后就会变成下面的内容：

版本号

在属性文件中增加下面的配置：

spring.resources.chain.strategy.fixed.enabled=true
spring.resources.chain.strategy.fixed.paths=/js/**,/v1.0.0/**
spring.resources.chain.strategy.fixed.version=v1.0.0

页面中使用方式如下：

<script type="text/javascript" src="${urls.getForLookupPath('/js/main.js')}"></script>

编译之后就会变成下面的内容：

<script type="text/javascript" src="/v1.0.0/js/main.js"></script>

无论使用哪种方式，能实现效果，并且工作量不会太大即可，优化无止境，干就完了。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

最新评论