还不会在 SpringBoot 中设置 HTTP 缓存？来造个轮子~

最新推荐文章于 2023-10-31 17:21:29 发布

程序员大咖

最新推荐文章于 2023-10-31 17:21:29 发布

阅读量252

点赞数

原文链接：https://mp.weixin.qq.com/s?__biz=MzUyODg4Nzk2MQ==&mid=2247549446&idx=6&sn=b1bba347dbc284d49a1b2a5492eef6fc&chksm=fa6b3bf0cd1cb2e6b6c3c9fb0f4a7b4e68da7f8ad5088a170ffdd316e13099afced8a009a737&scene=126&&sessionid=0

版权

👇👇关注后回复 “进群” ，拉你进程序员交流群👇👇

作者丨小魏

来源丨Java知音（ID：Java_friends）

Spring Boot 控制 HTTP缓存

HTTP协议的缓存策略可以缩短网页请求资源的距离，减少延迟，节省网络流量，并且由于缓存文件可以重复利用，降低网络负荷，加快客户端响应。

如何利用 HTTP缓存进行一些骚操作呐，是我最近思考的问题。查看了Spring Boot对HTTP缓存的支持也只有org.springframework.web.filter.ShallowEtagHeaderFilter和plus.wcj.heifer.boot.HeiferBootAutoConfiguration#addResourceHandlers这个两个方式能对HTTP缓存进行骚操作，

org.springframework.web.filter.ShallowEtagHeaderFilter只支持静态资源的缓存协商，看了一下注释说明只节省带宽，而不是服务器性能。
plus.wcj.heifer.boot.HeiferBootAutoConfiguration#addResourceHandlers可以支持HTTP API，但是不支持RESTful API。

去GitHub寻找一下有没有支持HTTP缓存的轮子，一顿寻找下来颗粒无收，那索性就自己造轮子吧。

缓存协商机制

维护缓存过期网上有很多的文章，这里就不再赘述了，下面列出一些文章

https://developer.mozilla.org/en-US/docs/Web/HTTP/Caching
https://web.dev/i18n/en/http-cache/

因为HTTP协议的版本问题，就采用了HTTP协议1.0的实现了。

request

If-None-Match

response

Cache-control
ETag

就用以上三个headers来实现缓存协商机制，Cache-control用于控制缓存过期时间，If-None-Match和ETag用于缓存协商，基于上面3个标签我们来实现HTTP缓存和缓存协商吧。

轮子使用

吭哧吭哧2天，轮子已经造好了并且已经发布到maven中央仓库了，这里就略过实现过程了，感兴趣的可以去看一下源码。

githu地址：https://github.com/galaxy-sea/libby-http-cache-control
maven中央库：https://repo1.maven.org/maven2/plus/wcj/libby-http-cache-control/2022.1.0/

maven引入，

<dependency>
        <groupId>plus.wcj</groupId>
        <artifactId>libby-http-cache-control</artifactId>
        <version>2022.1.0</version>
    </dependency>

一个简单的小DEMO，访问 /html就会出现一个简单的网页了，然后大家就点击上面的button开始测试吧，

@RestController
@RequestMapping
public class CacheController {
    private Map<String, Long> data = new HashMap<>();

    @GetMapping("cache/{id}")
    @HttpCacheControl(key = "#id",value = "max-age=10, public")
    public Long get(@PathVariable String id) {
        return data.computeIfAbsent(id, s -> System.currentTimeMillis());
    }

    @PostMapping("cache/{id}")
    @HttpETagBind(key = "#id")
    public void post(@PathVariable String id) {
        data.put(id, System.currentTimeMillis());
    }

    @GetMapping("html")
    public ResponseEntity<String> html() {
        return ResponseEntity
                .ok()
                .body("<!DOCTYPE html><html><head><meta charset=\"utf-8\"><script src=\"https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js\"></script><script>$(document).ready(function(){$(\"button:nth-child(1)\").click(function(){$.get(\"./cache/1\",function(data,status){$(\"ol\").append(\"<li>cache1: data: \"+data+\"</li>\")})});$(\"button:nth-child(2)\").click(function(){$.get(\"./cache/2\",function(data,status){$(\"ol\").append(\"<li>cache2: data: \"+data+\"</li>\")})});$(\"button:nth-child(3)\").click(function(){$.post(\"./cache/1\",function(data,status){$(\"ol\").append(\"<li>cache1: modify cache1</li>\")})});$(\"button:nth-child(4)\").click(function(){$.post(\"./cache/2\",function(data,status){$(\"ol\").append(\"<li>cache2: modify cache2</li>\")})})});</script></head><body><button>get cache1</button><button>get cache2</button><button>modify cache1</button><button>modify cache2</button><ol><li>start test</li></ol></body></html>");
    }
}