통합 fetch 래퍼 사용 방법

이 섹션에서는 통합 fetch 래퍼 사용에 대한 지침을 제공합니다.

AwsWafIntegration 네임스페이스에서 fetch API에 대한 일반 fetch 호출을 변경하여 AWS WAF fetch 래퍼를 사용할 수 있습니다. AWS WAF 래퍼는 표준 JavaScript fetch API 호출과 동일한 옵션을 모두 지원하며 통합을 위한 토큰 처리를 추가합니다. 이 접근 방식은 일반적으로 애플리케이션을 통합하는 가장 간단한 방법입니다.

래퍼를 구현하기 전

다음 예제 목록은 AwsWafIntegration fetch 래퍼를 구현하기 전의 표준 코드를 보여줍니다.

const login_response = await fetch(login_url, {
	    method: 'POST',
	    headers: {
	      'Content-Type': 'application/json'
	    },
	    body: login_body
	  });

래퍼를 구현한 후

다음 목록은 AwsWafIntegration fetch 래퍼 구현과 동일한 코드를 보여줍니다.

const login_response = await AwsWafIntegration.fetch(login_url, {
	    method: 'POST',
	    headers: {
	      'Content-Type': 'application/json'
	    },
	    body: login_body
	  });