Front-end da aplicação (Português) | Application Front End (Portuguese)

Visão geral do laboratório

Neste laboratório, após implantar o back-end sem servidor usando o AWS SAM e o Gateway de API, você usará o AWS Amplify para implantar o front-end da aplicação de criação de grade e configurá-la a fim de autenticar usando o Amazon Cognito.

O AWS Amplify é uma plataforma de desenvolvimento que disponibiliza um conjunto de ferramentas e serviços para criar aplicações web e móveis seguras e dimensionáveis. Neste laboratório, você usará o Amplify para implantar o front-end da aplicação de criação de grade, que é uma aplicação web que permite que os usuários interajam com o back-end sem servidor. O Amplify simplifica o processo de implantação ao disponibilizar ferramentas e serviços fáceis de usar que automatizam tarefas como criação, teste e implantação de aplicações.

Para autenticar usuários, o laboratório usa o Amazon Cognito, um serviço de autenticação gerenciado que permite facilmente adicionar a inscrição, o login e o controle de acesso de usuários a suas aplicações. O Cognito fornece vários recursos, incluindo grupos de usuários, bancos de identidade e autenticação multifator, que permitem proteger a aplicação e controlar o acesso aos recursos.

Neste laboratório, você vai configurar o Amplify para usar o Cognito na autenticação e na autorização. Você criará um grupo de usuários no Cognito, que armazenará as contas e atributos de usuários, e um banco de identidades, que fornecerá credenciais AWS temporárias aos usuários. Depois você vai integrar o Amplify ao Cognito e configurar um front-end para usar o grupo de usuários do Cognito na autenticação.

Ao final do laboratório, você terá uma aplicação sem servidor completa que inclui um front-end implantado com o Amplify e um back-end implantado com SAM e o gateway de API. Você aprenderá a entender como usar o Amplify para implantar aplicações de front-end e como usar o Cognito na autenticação e na autorização.

Objetivos

Ao final deste laboratório, você será capaz de fazer o seguinte:

• Instalar os requisitos para usar a CLI do AWS Amplify.
• Inicializar o AWS Amplify e implantar um projeto.
• Configurar o Cognito para autenticação com a aplicação.
• Executar a aplicação de criação de grade usando a autenticação para criar a imagem da grade.

Pré-requisitos de conhecimentos técnicos

Para concluir este laboratório com sucesso:

• Familiaridade com a navegação básica do console de gerenciamento da AWS.
• Prática ao editar e executar scripts com um editor de código do AWS Cloud9 e um terminal.
• Familiaridade e compreensão básicas com o Amazon API Gateway, AWS Serverless Application Model (SAM), AWS Lambda, AWS CloudFormation e AWS Amplify.
• Experiência anterior com os serviços da AWS, incluindo o AWS Amplify e computação sem servidor, será útil, mas não é um requisito obrigatório.

Duração

Este laboratório leva 60 minutos.

Lista de ícones

Vários ícones são usados neste laboratório para chamar a atenção para diferentes tipos de instruções e observações. A lista a seguir explica a finalidade de cada ícone:

• Comando: um comando que você precisa executar.
• Saída esperada: um exemplo que você pode usar para verificar a saída de um comando ou arquivo editado.
• Observação: uma sugestão, dica ou orientação importante.
• A considerar: um momento para parar e considerar como aplicar um conceito no seu ambiente ou iniciar uma conversa sobre o tópico em questão.