자습서: 기본 Lambda@Edge 함수 생성

이미지 파일 등 샘플 콘텐츠가 될 파일 한두 개로 Amazon S3 버킷을 만듭니다. Amazon S3에 콘텐츠 업로드의 단계를 따르면 됩니다. 버킷의 객체에 대한 퍼블릭 읽기 액세스를 허용하는 권한을 설정해야 합니다.

CloudFront 웹 배포 생성의 단계에 따라 CloudFront 배포를 만들고 오리진으로 S3 버킷을 추가합니다. 이미 배포가 있다면 버킷을 그 배포의 오리진으로 추가할 수 있습니다.

AWS Management Console에 로그인한 다음 AWS Lambda에서 https://console.aws.amazon.com/lambda/ 콘솔을 엽니다.

함수 생성을 선택합니다.

함수 생성 페이지에서 청사진 사용을 선택한 다음 검색 필드에 cloudfront를 입력하여 CloudFront 청사진을 필터링합니다.

함수에 대한 템플릿으로 HTTP 응답 헤더 수정 청사진을 선택합니다.

다음과 같이 함수에 대한 정보를 입력합니다.

페이지 하단에서 함수 생성을 선택합니다.

Lambda@Edge에 배포 창이 나타나면 취소를 선택합니다. (이 자습서에서는 함수를 Lambda@Edge에 배포하기 전에 함수 코드를 수정해야 합니다.)

아래로 스크롤하여 페이지의 코드 소스 섹션으로 이동합니다.

템플릿 코드를 오리진에서 반환하는 보안 헤더를 수정하는 함수로 바꿉니다. 예를 들면 다음과 비슷한 코드를 사용할 수 있습니다.

'use strict';
export const handler = (event, context, callback) => {

    //Get contents of response
    const response = event.Records[0].cf.response;
    const headers = response.headers;

    //Set new headers
    headers['strict-transport-security'] = [{key: 'Strict-Transport-Security', value: 'max-age= 63072000; includeSubdomains; preload'}];
    headers['content-security-policy'] = [{key: 'Content-Security-Policy', value: "default-src 'none'; img-src 'self'; script-src 'self'; style-src 'self'; object-src 'none'"}];
    headers['x-content-type-options'] = [{key: 'X-Content-Type-Options', value: 'nosniff'}];
    headers['x-frame-options'] = [{key: 'X-Frame-Options', value: 'DENY'}];
    headers['x-xss-protection'] = [{key: 'X-XSS-Protection', value: '1; mode=block'}];
    headers['referrer-policy'] = [{key: 'Referrer-Policy', value: 'same-origin'}];

    //Return modified response
    callback(null, response);
};

파일을 선택하여 저장하고 업데이트된 코드를 저장합니다.

배포를 선택합니다.

Lambda 콘솔의 함수 개요 페이지에서 해당 함수에 대한 함수 개요 페이지에서 트리거 추가를 선택합니다.

트리거 구성에서 CloudFront를 선택합니다.

Lambda@Edge에 배포를 선택합니다.

Lambda@Edge 배포 창에서 CloudFront 트리거 구성 아래에 다음 정보를 입력합니다.

Lambda@Edge로의 배포 확인의 확인란을 선택합니다.

배포를 선택하여 트리거를 추가하고 함수를 전 세계 AWS 위치에 복제합니다.

함수가 복제될 때까지 기다립니다. 일반적으로 몇 분 정도 걸립니다.

CloudFront 콘솔로 이동하여 해당 배포를 보고 복제가 완료되었는지 확인할 수 있습니다. 배포 상태가 배포 중에서 날짜 및 시간으로 변경될 때까지 기다립니다. 이는 함수가 복제되었음을 의미합니다. 함수가 작동하는지 확인하려면 다음 단원의 단계를 따릅니다.

브라우저에서 S3 버킷에 있는 파일의 URL을 입력합니다. 예를 들면 https://d111111abcdef8.cloudfront.net/image.jpg와 비슷한 URL을 사용할 수 있습니다.

파일 URL에 사용할 CloudFront 도메인 이름에 대한 자세한 내용은 CloudFront에서 파일에 대한 URL 형식 사용자 지정 단원을 참조하세요.

브라우저에서 웹 개발자 도구 모음을 엽니다. 예를 들어 Chrome 브라우저 창에서는 컨텍스트(마우스 오른쪽 버튼 클릭) 메뉴를 연 다음 Inspect(검사)를 선택합니다.

네트워크 탭을 선택합니다.

페이지를 새로 고쳐 이미지를 확인한 다음 왼쪽 창에서 HTTP 요청을 선택합니다. HTTP 헤더가 별도의 창에 표시됩니다.

HTTP 헤더 목록을 살펴보면서 원하는 보안 헤더가 목록에 포함되어 있는지 확인합니다. 예를 들어 다음 스크린샷에 표시된 것과 비슷한 헤더가 보일 것입니다.

AWS Management Console에 로그인하고 https://console.aws.amazon.com/cloudwatch/에서 CloudWatch 콘솔을 엽니다.

리전을 브라우저에서 파일을 볼 때 표시되는 위치로 변경합니다. 이는 함수가 실행되고 있는 리전입니다.

왼쪽 창에서 로그를 선택하여 해당 배포의 로그를 봅니다.

https://console.aws.amazon.com/s3/에서 Amazon S3 콘솔을 엽니다.

버킷을 선택한 다음, 속성를 선택합니다.

속성에서 로깅을 선택합니다.

사용(Enabled) 확인란의 선택을 취소합니다.

저장을 선택합니다.

에서 CloudFront 콘솔을 엽니다https://console.aws.amazon.com/cloudfront/v4/home

사용 중지하려는 배포를 선택한 후 사용 중지를 선택합니다.

확인 메시지가 표시되면 예, 사용 중지를 선택합니다.

사용 중지된 배포를 선택한 후 삭제를 선택합니다.

확인 메시지가 나타나면 예, 삭제합니다를 선택합니다.