統合 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
	  });