[web] 웹의 정적 리소스의 버전 명시를 통한 캐시 전략

• target:  정적 리소스 버전 명시를 통한 캐시 무시

 

---

• method: 

<!-- 일반적인 방식 -->
<link rel="stylesheet" type="text/css" href="/common/css/common.css?v=20120902"/>
<!-- css 내부 -->
body {url('/my_bg.gif');}


<!-- 개선방식(Fixed Version Strategy) -->
<link rel="stylesheet" type="text/css" href="/resources-20120902/common/css/common.css"/>
<!-- css 내부 -->
body {url('../../my_bg.gif');}


<!-- 개선방식(ContentVersion Strategy) -->
<link rel="stylesheet" type="text/css" href="/common/css/common-89b08a8a902m2947a9d0a.css"/>

 

---

• desc: 

*자세한 설명은 게시글 가장 아래 source에 해당하는 원글을 참고

*아래 내용은 읽고 이해한대로 요약 정리한 내용(source 1. 참고)

---

1. Cache-Control(source 7. 참고) 관련

- 일반적으로 정적리소스 캐싱 방지를 위하여 아래와 같이 설정

<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="-1">

 

2. 정적자원 캐시 수명 관련

- RFC 2068(source 2. 참고) 에서는 모든 Contents의 캐시 수명을 최대 1년으로 설정하는 가이드라인이 존재

- 따라서 캐시 별도의 캐시 수명은 최대 1년(31,536,000초 = 365일)까지 설정가능

- 캐시 수명은 Cache-Control을 통해 설정

<META HTTP-EQUIV="Cache-Control" CONTENT="max-age=31536000">

- 캐시 수명이 설정되는 경우, 재배포등을 진행하여도, disk cache(source 3. 참고)를 사용하기 때문에, 사용자 웹 브라우저에서는 변경된 소스로 갱신되지 않는 현상 확인

 

 

3. Spring에서의 Version Strategy

 3.1) Fixed Version Strategy(source 4. 참고)

 - Apache 설정(source 6. 참고)을 통해서 앞의 경로가 바뀌어도 항상 지정된 파일을 읽도록 설정

<!-- .jsp에서 설정(resources-20120902 부분은 페이지 재배포시 변경) -->
<link rel="stylesheet" type="text/css" href="/resources-20120902/common/css/common.css"/>

<!-- 실제 서버상에 배포한 경로가 /common/css/common.css 인 경우, httpd.conf에서 mod_rewrite.so 모듈을 활성화하고, RewriteRule을 작성 -->

<!-- 또는 jstl을 사용하여 적용 -->
<link rel="stylesheet" type="text/css" href="${url:resource('/common/css/common.css')}"/>

- Springboot 기준 application.yml에 아래 설정 추가

chain:
  strategy:
    fixed:
      enabled: true
      version: 20120902

 

 3.2) ContentVersion Strategy(source 5. 참고)

 - 리소스 파일을 MD5로 변환하여 리소스 파일명 사이에 -${MD5}를 추가

<!-- common.js 내용을 MD5로 변환하여 파일명을 common-${MD5 HashCode}.js 로 변경 -->
<link rel="stylesheet" type="text/css" href="/common/css/common-89b08a8a902m2947a9d0a.css"/>

 

- Springboot 기준 application.yml에 아래 설정 추가

chain:
  strategy:
    content:
      enabled: true

 

---

• source:

1. 작성시 참고 게시글

http://kwon37xi.egloos.com/4735742

웹의 정적 리소스의 버전 명시를 통한 캐시 전략

https://adunhansa.tistory.com/259

http와 스프링 (4) : Cache Control 과 정적자원들의 관리

 

2. RFC 2068 캐시 수명 최대 1년 관련 정보

https://www.rfc-editor.org/rfc/rfc2068#section-14.21

RFC 2068: Hypertext Transfer Protocol -- HTTP/1.1

 

3. 브라우저 캐시 기능(Disk Cache / Memory Cache) 관련

https://mr-zero.tistory.com/195

[자료] cache-control 옵션

 

4. Fixed Version Strategy

https://docs.spring.io/spring-framework/docs/current/javadoc-api/org/springframework/web/servlet/resource/FixedVersionStrategy.html

FixedVersionStrategy (Spring Framework 5.3.23 API)

https://www.mscharhag.com/spring/resource-versioning-with-spring-mvc?fbclid=IwAR18kGPacCOEzABAbuqWANzxxEs2-QseXhaH2pohDDn4fuvb8mfeEOGwOUg 

Spring MVC resource versioning with ContentVersionStrategy

 

5. ContentVersion Strategy

https://docs.spring.io/spring-framework/docs/current/javadoc-api/org/springframework/web/servlet/resource/ContentVersionStrategy.html

ContentVersionStrategy (Spring Framework 5.3.23 API)

 

6. mod_rewrite.so를 이용한 RewriteRule 옵션 설정 (Apache 설정)

https://httpd.apache.org/docs/2.2/ko/misc/rewriteguide.html

URL 재작성 지침서 - Apache HTTP Server Version 2.2

 

7. Cache-Control 관련

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Cache-Control

Cache-Control - HTTP | MDN