As traduções são geradas por tradução automática. Em caso de conflito entre o conteúdo da tradução e da versão original em inglês, a versão em inglês prevalecerá.

# UI da Web e gerenciamento de armazenamento
<a name="web-ui-and-storage-management"></a>

Desenvolvemos a interface do usuário da web usando o [React](https://reactjs.org/). A interface web fornece um console de front-end para permitir que os usuários interajam com o Workload Discovery na AWS.

 [A Amazon CloudFront](https://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/Introduction.html) está configurada para acrescentar cabeçalhos seguros a cada solicitação HTTP na interface de usuário da web. Isso fornece uma camada adicional de segurança, protegendo contra ataques como [cross-site scripting](https://docs.aws.amazon.com/waf/latest/developerguide/waf-rule-statement-type-xss-match.html) (XSS).

 **Descoberta de carga de trabalho na interface web e componentes de gerenciamento de armazenamento da AWS** 

![descoberta de carga de trabalho e gerenciamento de armazenamento webui](http://docs.aws.amazon.com/pt_br/solutions/latest/workload-discovery-on-aws/images/workload-discovery-webui-storage-management.png)


Os recursos de interface de usuário da web são hospedados no bucket do `WebUIBucket` Amazon S3 e distribuídos pela Amazon. CloudFront O AWS Amplify fornece uma camada de abstração para simplificar as integrações com a AWS e o AppSync Amazon S3.

Essa solução usa AppSync a AWS para facilitar a interação com várias configurações disponíveis para o Workload Discovery na AWS, incluindo o gerenciamento de regiões importadas. A AWS AppSync utiliza a função `Settings` AWS Lambda para lidar com solicitações como importar uma nova conta ou região.