⭐ AWS/CloudFront (5) 썸네일형 리스트형 S3와 Lambda@Edge 그리고 CloudFront를 통해 S3에 저장된 Index.html 파일을 출력하기 # S3와 Lambda@Edge 그리고 CloudFront를 통해 S3에 저장된 Index.html 파일을 출력하기1. 작업 내용hello world 문구를 index.html 파일에 넣고, 이 파일을 tttesttt라는 S3 버킷에 업로드한 후, Lambda@Edge를 사용하여 CloudFront를 통해 index.html을 출력하기.2. S3 버킷에 index.html 파일 업로드Hello World 내용을 가진 index.html 파일을 생성한다. AWS 관리 콘솔로 이동하여 S3 서비스로 이동. test라는 이름의 S3 버킷을 생성하거나, 이미 존재한다면 해당 버킷에 들어간다. 생성한 index.html 파일을 버킷에 업로드 한다. 버킷의 권한 설정에서 정적 웹 사이트 호스팅을 활성화하고, ind.. CloudFront에서 Lambda@Edge 흐름 설명 CloudFront와 Lambda@Edge를 사용하는 흐름은 다음과 같습니다:1. 사용자 요청사용자가 웹 브라우저를 통해 CloudFront에 설정된 도메인 이름으로 콘텐츠를 요청. 예를 들어, 사용자가 https://example.com/index.html을 요청.2. CloudFront 요청 처리CloudFront는 사용자의 요청을 받고, 가장 가까운 엣지 위치로 요청을 라우팅한다. 이때, CloudFront는 요청을 처리하기 위해 여러 단계를 거치게 된다.3. Lambda@Edge 트리거CloudFront는 설정에 따라 Lambda@Edge 함수를 트리거할 수 있다. Lambda@Edge 함수는 CloudFront의 다양한 단계에서 실행될 수 있으며, 주로 다음 네 가지 유형의 이벤트에 대해 실행된.. CloudFront 에서 국내와 해외 인증 절차 구성 with S3, CloudFront Function, Lambda@Edge # CloudFront에서 국내에서 접근하는 사용자와 해외에서 접근하는 사용자를 구분하는 인증 아키텍처 구성 1. 간단하게 구성도를 그리면 아래와 같다. 2. CloudFront와 S3연동 - CloudFront의 endpoint로 접속 시 S3에 있는 index.html을 불러오도록 설정 2024.01.05 - [⭐ AWS/CloudFront] - CloudFront와 S3 연동 CloudFront와 S3 연동 # CloudFront에서 배포 하기 1. CloudFront 배포 설정하기 with S3 - 클라우드 프론트도 도메인을 가지고 있다. 해당 도메인을 찌르면 S3에 설정한 정적 데이터를 호출한다. - 보안 탭을 보면 WAF를 설정할 may9noy.tistory.com 3. CloudFront F.. CloudFront Function 구현 # CloudFront Function 구현하기 1. CloudFront 서비스로 이동 - 함수를 클릭하면 아래와 같이 함수를 생성할수 있는 화면이 나오고, 우측 상단에 함수 생성을 클릭하여 함수를 생성한다. 2. 생성한 함수를 수정 및 실행 테스트 - 변경은 아래와 같이 함수 코드에서 실행한다. - 실행은 아래와 같이 테스트 탭에서 실행한다. - 함수 게시를 클릭하여 함수를 게시한다. 3. 연결 추가 설정 - 연결 추가를 클릭하여 생성한 클라우드 프론트 리소스와 연결해준다. - 아래와 같이 정상 연결 확인 4. 테스트... - CloudFront Function 함수를 한글로 하니까 깨짐... 아래와 같이 영어로 수정 - 테스트 클라우드 프론트 도메인으로 웹에서 접근 f12로 헤더쪽을 보면 클라우드 프.. CloudFront와 S3 연동 # CloudFront에서 배포 하기 1. CloudFront 배포 설정하기 with S3 - 클라우드 프론트도 도메인을 가지고 있다. 해당 도메인을 찌르면 S3에 설정한 정적 데이터를 호출한다. - 보안 탭을 보면 WAF를 설정할 수 있다. - 원본은 생성된 내용을 자세히 확인 할 수 있다. - 만약 원본 엑세스 제어 설정(권장) 내용을 선택 할 수 없으면 오른쪽에 Create new OAC를 클릭하여 신규로 생성한다. - 동작은 아래와 같이 우선순위를 설정할 수 있고, 경로 패턴을 통해 해당 경로로 들어오는 트래픽을 분산할 수 있다. - 오류 페이지는 오류 페이지와 관련된 내용을 정의 할 수 있다. - 무효화는 CloudFront가 캐싱하고 있는 정보를 삭제한다. 2. CloudFront와 연결된 S.. 이전 1 다음
