성덕이의 개발공간

AWS CloudFront에 S3를 연결하고, Route53에 Cloudfront를 연결했을 때 다음과 같은 에러가 발생한다.Cloudfront로 접근이 불가한 상태이다.1) 설정한 Lambda 함수 확인Lambda함수에서 출력이나 파일 형식을 https가 아니라 http로 정의 했는지 확인한다. 2) CloudFront에서 S3 Origins을 제대로 못불러올 때1) Cloudfront 클릭 - Origins2) Create Origin3) S3 접속 - "Properties" - "Static website hosting" - 여기의 S3주소 전체 복사4) 다시 Create Origin으로 돌아와서 - Origin domain에 S3 주소 붙여넣기5) 생성 3) S3에서 퍼블릭 액세스 차단  리소스에..

S3는 기본적으로 HTTP만 지원한다. 정적 컨텐츠로 사용한 S3 Web서버를 HTTPS 통신을 하기 위해서는 Cloudfront를 등록하여 사용해야 한다.그 이후 Route53 도메인을 Cloudfront로 등록해주면 된다.1) 버즈니아북부에서 ACM 생성 1) ACM 생성 2) Cloudfront 생성1) CloudFront 생성 클릭2) Origin domain = 해당 S3 선택3) Viewer protocol policy "Redirect HTTP to HTTPS" 선택4) Allowed HTTP methods "GET, HEAD, OPTIONS, PUT, POST, PATCH, DELETE" 선택 #필자는 Post 사용5) Cache policy "CachingOptimized" 선택6) Al..

해당 작업은 S3에 저장되어 있는 파일을 다운로드하거나 접근시 발생하는 에러이다. 에러를 살펴보면 다음과 같다.1) Status : CORS error2) Type : fetch3) 원인 : cross-origin resource sharing error: MissingallowOriginHeader 이 경우 Cloudfront를 사용하고 있을 경우가 굉장히 크다.사용자(접근자)의 Region과 구축되어 있는 S3 Region이 달라 해당 에러가 발생한다. 필자는 Cloudfront S3 API Gateway 구성이였다.1) 해결방법1) API Gateway 접속2) "Develop" - "CORS"3) Configure CORS - "Configure" 클릭4) Access-Control-Allow..

ELB의 경우 Route53를 통해 도메인을 등록할 수 있다.Route53의 호스팅영역에서 A type의 별칭을 통해 설정할 수 있다.하지만 S3를 넣으려고하면 해당 버킷이 안보이는 경우가 있다.1) 해결방안S3의 경우는 S3 Bucket명과 내가 사용할 Route53상의 도메인명이 같아야한다.#S3 Bucketseongduck.com으로 Bucket 생성#Route53 호스팅 영역 확인seongduck.com1) Create record2) A type3) Alias 설정4) Alias to S3 website endpoint5) 해당 S3 선택