CloudFront 다양한 기능

반갑습니다!

💙베하💙 누구든 탑승할 수 있는 유임승차 팀의 BTC 룰루랄라 입니다!!💨😉

 

이번 포스팅에서는 AWS Cloudfront에 대해서 살펴보겠습니다.

 

그럼 시작해 보겠습니다!

룰루랄라~♬

 

 

 

정적 & 동적 컨텐츠 분별 제공

정적(Static) 컨텐츠

• 서버를 거치지 않고 클라이언트에서 직접 보여주는 내용
  ex) 이미지, CSS, 기타 서버가 필요없는 내용들
• 캐싱으로 접근속도 최적화

 

동적(Dynamic) 컨텐츠

• 서버 계산, DB조회 등이 필요한 내용
  ex) 로그인, 게시판 등
• 네트워크 최적화, 연결 유지, Gzip 압축 등을 사용
• 서버랑 통신을 할 때 전처리 작업이 있는데, 주소가 어디로 전달되는지(DNS Lookup), TCP Connection, Titm to First Byte 등을 CloudFront에서 네트워크를 최적화한다.
• 실제로 내용을 최적화 해서 보내는 것이 아니라, 통신을 최적화 해서 속도를 최적화 시키는 것

 

동적 / 정적 컨텐츠 처리

경로 패턴으로 URL에 따라 정적/동적 컨텐츠 분기 처리 한다.

---

HTTPS 지원

Origin에서 HTTPS를 지원하지 않더라도 클라우드 프론트내에서 HTTPS 통신을 지원할 수 있도록 구성 가능

예를 들어, S3 정적 웹 호스팅 URL 같은 경우 SSL설정이 쉽지 않은데, CloudFront를 통해서 HTTPS 통신을 지원할수 있게끔 할 수 있다.

---

지리적 제한 설정

특정 지역의 컨텐츠 접근을 제한 가능 하다.

예를들어 아프키라 티비 스트리밍 서비스를 하는데 라이센스나 계약에 따라 일본권에서는 볼 수 있지만, 아프리카권은 볼수 없게 설정 가능하다.

---

다른 서비스와 연계

AWS WAF, Lambda@Edge 등과 연동 가능

 

Lambda@Edge

• 엣지 로케이션에서 돌아가는 람다
• 람다엣지 사용 사례 :
  
  • 한국에서 요청이 올 경우 한국 웹서버, 미국에서 요청이 올 경우 미국 웹서버로 분산
  • 커스텀 에러 페이지
  • Cookie를 검사해 다른 페이지로 리다이렉팅 → A/B 테스팅
  • CloudFront에서 Origin 도착 이전에 인증 ..등

• 유저에서 CloudFront 도착하기 전,
• CloudFront에서 Origin에 요청 보내기 전,
• Origin에서 CloudFront로 응답을 보내기 전,
• CloudFront에서 유저한테 응답 보내기 전

이 4단계에서 람다를 실행 해서 이 전달 내용을 변경 할 수 있다.

 

CloudFront Function

• Lambda@Edge의 6분의 1 비용으로 경량 javascript 실행
• 아주 간단한 액션에서만 사용
• 사용사례 : 캐싱, 헤더 조작 등

---

CloudFront 리포팅

• 주요 CloudFront 이용 지표 확인 가능
  ex) 캐시 상태, 가장 많이 요청 받은 컨텐츠, Top Referrer(어디를 타고 들어와서 어느 웹사이트를 보고있는지..)
• 구글 애널리틱스 같은거라고 보면 된다.

 

CloudFront 뷰어 정보

CloudFront에서 뷰어의 정보를 헤더에 더해 Origin에 전송한다.

• 디바이스 타입 (Android / IOS / SmartTV / Desktop / Tablet)
• IP Address
• Country / 도시 / 위도 / 경도 / 타입존 등