如何使用整合fetch包裝函式 - AWS WAFAWS Firewall Manager、 AWS Shield Advanced和 AWS Shield 網路安全主管

推出 的新主控台體驗 AWS WAF

您現在可以使用更新後的體驗，在主控台的任何位置存取 AWS WAF 功能。如需詳細資訊，請參閱使用更新的主控台體驗。

本文為英文版的機器翻譯版本，如內容有任何歧義或不一致之處，概以英文版為準。

如何使用整合fetch包裝函式

本節提供使用整合fetch包裝函式的說明。

您可以在AwsWafIntegration命名空間下變更對 fetch API 的正常fetch呼叫，以使用 AWS WAF fetch包裝函式。 AWS WAF 包裝函式支援所有與標準 JavaScript fetch API 呼叫相同的選項，並新增整合的字符處理。此方法通常是整合您應用程式最簡單的方法。

包裝函式實作之前

下列範例清單顯示實作AwsWafIntegrationfetch包裝函式之前的標準程式碼。

const login_response = await fetch(login_url, {
	    method: 'POST',
	    headers: {
	      'Content-Type': 'application/json'
	    },
	    body: login_body
	  });
包裝函式實作之後

下列清單顯示與AwsWafIntegrationfetch包裝函式實作相同的程式碼。

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