AWS Cloudfront 기능

Lambda 함수는 계산의 세계를 강타했고 Lambda @ Edge가 그 뒤를 이었습니다. 그러나 가장자리를 넘어 AWS는 최근 Cloud Front Functions를 도입했습니다. 그들은 우리가 Cloud Front를 통해 제공하는 콘텐츠에 놀라운 일을 할 수 있습니다. 우리는 그러한 기능으로 놀라운 일을 할 수 있습니다.

Cloud Front 기능이란

Cloud Front 배포는 요청에 대한 트래픽을 처리할 때 일정 수준의 계산을 수행해야 합니다. 여기에는 캐싱, 올바른 원본으로의 URL 라우팅 등이 포함됩니다. Cloud Front 기능을 사용하면 이를 사용할 수 있습니다. 이제는 관리형 캐싱 모델이나 미리 정의된 원본 정책을 선택하는 것만이 아닙니다. Cloud Front 기능을 사용하면 매우 저렴한 비용으로 맞춤형 코드를 사용하여 각 요청을 독립적으로 처리할 수 있습니다.

아래 이미지(AWS 문서)는 Lambda, Lambda @ Edge, Cloud Front Functions, Cloud Front 배포 및 오리진 간의 관계를 설명합니다.

예시

예제를 확인하고 Cloud Front 기능을 사용해 보겠습니다. 모든 웹 개발자가 두려워하는 것이 있습니다. 그것은 아마도 모든 웹 개발자의 가장 큰 적일 것입니다. 우리 모두가 바라는 것은 존재하지 않았습니다. 그러나 우리는 그것을 직시해야 합니다. 당신은 그것을 올바르게 추측했습니다 – Internet Explorer! 이유를 모르겠습니다. 어떤 사람들은 그것을 극복하지 못하고 내 웹사이트를 방문하기 위해 그것을 사용해야 합니다.

나는 그것이 가능하다는 것을 알고 있으며 문제를 해결하고 내 웹 사이트가 IE에서도 작동하도록 만들 수 있습니다. 하지만 여전히 IE에 갇혀 있는 사람은 그런 노력을 기울일 자격이 없다고 생각합니다. 차라리 그들이 내 웹 사이트를 방문하지 못하도록 막고 싶습니다.

Cloud Front 기능을 사용하면 그렇게 할 수 있습니다. 방법을 알아보겠습니다.

함수 만들기

물론 시작하려면 AWS 콘솔에 로그인하고 Cloud Front 페이지로 이동해야 합니다. 왼쪽 패널에서 새 항목인 함수를 볼 수 있습니다. 그것을 클릭하고 함수 생성을 클릭하십시오. 거기에서 코드를 추가할 수 있는 텍스트 편집기를 볼 수 있습니다.



이 코드를 거기에 추가하십시오.

function handler(event) {
    var headers = event.request.headers;
    var newurl = `https://thewiz.net/usechrome.html` 

    if (headers['user-agent']) {
        var browser = headers['user-agent'].value;
        if (browser.includes("Trident") || browser.includes("Edg")) {
            var response = {
                statusCode: 302,
                statusDescription: 'Found',
                headers:
                    { "location": { "value": newurl } }
                }

            return response;
        }
    }
    return request;
}

이제 게시를 클릭한 다음 "게시 및 업데이트"버튼을 클릭합니다.

유통과 연결

마지막으로 네 번째 탭인 Associate로 이동합니다. 여기에서 애플리케이션과 연결하려는 특정 Cloud Front 배포를 선택할 수 있습니다. 함수를 호출해야 하는 이벤트를 선택할 수 있습니다. 아래와 같이 선택하고 연결을 클릭합니다.



그리고 저기!, Cloud Front 기능을 설정했습니다. 이제 Chrome 브라우저를 사용하여 페이지를 방문하십시오. 문제없이 페이지를 볼 수 있습니다. IE를 사용하려고 하면 즉시 경고 메시지가 표시됩니다. Chrome을 사용하십시오.

요약

이것은 요점을 증명하는 간단한 재미있는 예였습니다. 그러나 여기에서 아름다움은 이러한 기능이 지역 및 데이터 센터에서 멀리 실행된다는 것입니다. 이들은 Cloud Front에서 실행되며 브라우저와 매우 가깝습니다. 그래서 반응 속도가 엄청나다. 여기에 다양한 요인을 기반으로 JWT 유효성 검사, 응답 HTML에 대한 사소한 변경 등 좀 더 복잡한 논리를 추가할 수 있습니다. 따라서 Cloud Front 배포는 더 이상 정적이지 않습니다. 역동적이면서도 초고속입니다.

몇 가지 유용한 코드 샘플은 this link을 확인하십시오.