**引入全新的主机体验 AWS WAF**

现在，您可以使用更新的体验访问控制台中任意位置的 AWS WAF 功能。有关更多详细信息，请参阅[使用控制台](https://docs.aws.amazon.com/waf/latest/developerguide/working-with-console.html)。

本文属于机器翻译版本。若本译文内容与英语原文存在差异，则一律以英文原文为准。

# 如何使用集成 `fetch` 包装程序
<a name="waf-js-challenge-api-fetch-wrapper"></a>

本节提供了使用集成 `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
	  });
```