실습목표
CDN 기능인 Amazon Cloudfront 서비스 알아보는것으로, 오리진 서버와 직접 통신하는 방식과
CLoudfront를 이용하여 통신하는 방식 차이 알아보는것
목표 구성도
실습 단계
- Cloudformation으로 배포
- Route 53 설정하고 기본 인프라 환경 검증 수행
- CloudFront Distribution 생성
- Route 53 설정하고 Cloudfront 환경 검증 수행
Cloudformation 으로 배포
오리진 서버의 지연 시간 높이고나 ' 상파울루 리전'에서 생성
- EC2 인스턴스 퍼블릭 ip주소 복사
Route53 설정과 기본 인프라 검증
- 호스팅 영역 들어가서 사전 작업에서 생성한 도메인 이름 클릭
- 레코드 생성
- 값은 아까 퍼블릭 ip주소 붙여넣기 => 인스터스랑 Route53 연결됨
- 웹에서 접근 , 도메인 주소 접근
- F12로 확인해볼때 평균 6.3초정도나옴
CloudFront Distribution 생성하기
Route53으로 Cloudfront 주소 연결해서 사용
Certificate Manager에서 도메인 인증서 등록 (버지니아 북부)
- 인증서 ID 복사 및 route 53에서 레코드 생성
CloudFront Distribution 생성
- EC2 퍼블릭 DNS 주소 복사
- Cloudfront 배포 생성 설정
- 원본 도메인 : 퍼블릭 DNS 주소
- 프로토콜 : HTTP
- 자동으로 객체 압축: No
- 뷰어 프로토콜 정책: HTTP , HTTPs
- 캐시 키 및 원본 요청: Legacy cache settings
- 기본값 루트 객체 : /index.php로
- IPv6 끄기로
Route53 설정, Cloudfront 환경 검증
해당 Distribution 에서 Route53 으로 레코드 설정후 웹 접속
- Cloudfront에서 Distribution 의 도메인 이름 복사
https://d18skgm0f04b14.cloudfront.net - Route53 > 호스팅 영역으로 들어가 사전 생성한 도메인 이름 클릭
Route 53의 레코드 유형으로 Cloudfront Distribution 연결, 도메인 이름 cdn.cfexam.click
- 웹에 접속
- 헤더정보 보니까 콘텐츠 응답을 엣지 로케이션이 아닌 오리진을 통해 응답했다는걸 알수있다.
- 최초 접속이니까 이런 동작 취하는거임!!
최초접속일때 통신 흐름
- 도메인 이름으로 웹에 접속
- Distribution은 오리진 서버로 콘텐츠를 요청하고 응답
- 사용자 PC로 웹 접근 요청에 대한 콘텐츠 응답
- Distribution은 설정된 엣지 로케이션으로 배포하여 동기화
결과
0.8초로 엄청난 차이를 보여준걸 알수있다.
- 헤더를 보면 엣지 로케이션을 통해 응답했다는걸 알수있다.
공부하면서 기록하기..