[AWS] S3 정적웹호스팅 변경내용 바로 적용하기

 

AWS S3를 이용한 정적 웹호스팅을 구성한 사용자들은,

 

페이지 업데이트를 위해 새로 업로드한 파일들이 페이지에 바로 적용되지 않는 경험을 했을 확률이 높다

 

대개 AWS의 CDN 서비스인 CloudFront 를 사용하고 있는 경우인데,

 

바로 적용하는 방법을 알아보도록 하자.

 

---

 

1. 새 프로젝트를 빌드 하고 S3 에 업로드

 

이후 사이트에 접속해보면 바로 변경내용이 적용되어 있지는 않은 것을 알 수 있다.

 

---

 

2. CloudFront - ID 클릭

 

 

---

 

3. Invalidations 클릭

 

 

---

 

4. Create invalidation

 

 

무효화 하고자하는 페이지를 적어준다.

 

내가 호스팅하고 있는 React 페이지의 경우 index.html 을 무효화 해야했다.

 

 

---

 

5. 결과

 

Create invalidation 시 Status가 In progress 상태에서 약간의 시간이 걸린 뒤 Completed로 변한다.

 

페이지 접속시 정상적으로 동작함을 확인할 수 있다.

 

 

---

 

위 테스트 접속 링크

카톡분석 왕 테스트

---

관련 포스팅

 

[AWS] Lambda 프로젝트-5 / S3 이용한 정적웹호스팅

[AWS] Lambda 프로젝트-6 / S3 정적웹호스팅에 https 적용

 

 

끝