본문 바로가기

⭐ AWS/CloudFront

CloudFront Function 구현

# CloudFront Function 구현하기

1. CloudFront 서비스로 이동

- 함수를 클릭하면 아래와 같이 함수를 생성할수 있는 화면이 나오고, 우측 상단에 함수 생성을 클릭하여 함수를 생성한다.

2. 생성한 함수를 수정 및 실행 테스트

- 변경은 아래와 같이 함수 코드에서 실행한다.

- 실행은 아래와 같이 테스트 탭에서 실행한다.

- 함수 게시를 클릭하여 함수를 게시한다.

3. 연결 추가 설정

- 연결 추가를 클릭하여 생성한 클라우드 프론트 리소스와 연결해준다.

- 아래와 같이 정상 연결 확인

4. 테스트...

- CloudFront Function 함수를 한글로 하니까 깨짐... 아래와 같이 영어로 수정

- 테스트

클라우드 프론트 도메인으로 웹에서 접근

f12로 헤더쪽을 보면 클라우드 프론트 펑션에서 입력한 코드가 들어가 있는것을 볼 수 있다.

위 내용을 토대로 코드를 구현하면 될거 같다.

 

- 끝 -