brunch

You can make anything
by writing

- C.S.Lewis -

by Master Seo May 30. 2020

375.  CloudFront설정법

목표

CloudFront 사용해보자

CloudFront 는  AWS CDN서비스 이다.



s3로 홈페이지 만들고

cloudfront 만들고

테스트한다.

새 이미지와 새 홈페이지도 같이 올려놓고 , 새 홈페이지를 기존 index.html로 변경한다.



<0>  선수 조건

S3에 홈페이지 하나를 올려보자. 1.html

참고 사이트  https://brunch.co.kr/@topasvga/93

route53에서 cname으로  cdn.serverchk.com  등록한다.



<1>  홈페이지 운영중인  s3 확인

s3

s3 object url  클릭 > 접속 확인

안된다면 ,  permissions 탭

파일 public  인지 확인




<2> cloudfront 생성


cloudfront > create distubution  > web  : Get start > create distubution  > origin setting  : origin domain name  > s3 bucket  이름 선택

>   default cache behaviror setting  >   s3는 쿠키 로깅을 하지 않는다. off (디폴트)

deitribution settings  :  create distribution

// 20분 걸린다.


  

<3>  s3 스테틱 웹사이트 테스트


cloudfront 


domain mame  확인

xxxxxxxxxxxx.cloudfront.net 형식이다.      




html 파일을 만든다.


// 소스

cloudfton 이름을 소스에 추가 한다.

xxxxxxxxxxxx.cloudfront.net 

파일이름

1.html


브라우저로 확인한다.

https://s3-us-west-2.amazonaws.com/cdn.serverchk.com/1.html






<4> 호스팅 테스트


1.html은 원래 홈페이지가 있다.

새브라우져에서 CDN으로 되는지 확인해보자.

http://xxxxxxxx.cloudfront.net/1.html  형식이다.




<5> 사이트 업데이트 하기 


s3에 2.jpg 올리기

2.html


1.html

삭제


2.html  > rename > 1.html  변경



<6>  캐시 무효화 하기


1

cloudfront

distribution setting  > 만들어진 cf클릭  >  invalidations >  create invalidation > object paths  :

1.html


2

1.html을 새로 고침

s3에서 새로 가져와  캐시에 복사 한다.


감사합니다.

매거진의 이전글 374. kms설정법

매거진 선택

키워드 선택 0 / 3 0
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari