Projetos na AWS:

Crie uma aplicação Web sem servidor

com o AWS Lambda, Amazon API Gateway, AWS Amplify, Amazon DynamoDB e Amazon Cognito

Serverless_Web_App_LP_assets-15
Serverless_Web_App_LP_assets-14

Introdução

Progression-Bar-07

Hospedar um site estático

Progression-Bar-08

Gerenciar usuários

Progression-Bar-09

Criar um back-end sem servidor

Progression-Bar-10

Implantar uma API RESTful

Progression-Bar-11

Encerrar recursos

Visão geral

Neste tutorial, você criará um aplicativo web simples sem servidor que permite que os usuários solicitem caronas em um unicórnio da frota da Wild Rydes. O aplicativo apresentará uma interface de usuário baseada em HTML para indicar o local onde os usuários gostariam de ser apanhados e vai interagir no back-end com um serviço web RESTful para enviar a solicitação e despachar um unicórnio próximo. O aplicativo também oferecerá facilidades para que os usuários se cadastrem no serviço e façam login antes de solicitar caronas.

Arquitetura da aplicação

A arquitetura da aplicação usa o AWS Lambda, o Amazon API Gateway, o Amazon DynamoDB, o Amazon Cognito e o console do AWS Amplify. O console do Amplify fornece implantação e hospedagem de recursos web estáticos, incluindo HTML, CSS, JavaScript e arquivos de imagem que são carregados no navegador do usuário. O JavaScript executado no navegador envia e recebe dados de uma API de back-end pública criada usando o Lambda e o API Gateway. O Amazon Cognito oferece funções de autenticação e gerenciamento de usuários para proteger a API do back-end. Por fim, o Amazon DynamoDB fornece uma camada de persistência onde os dados podem ser armazenados pela função do Lambda da API.

Serverless_Architecture
Serverless_Web_App_LP_assets-18

Hospedagem de site estático

O AWS Amplify hospeda recursos de sites estáticos, incluindo HTML, CSS, JavaScript e arquivos de imagem que são carregados no navegador do usuário.

Serverless_Web_App_LP_assets-19

Gerenciamento de usuários

O Amazon Cognito oferece funções de autenticação e gerenciamento de usuários para proteger a API do back-end.

Serverless_Web_App_LP_assets-20

Back-end sem servidor

O Amazon DynamoDB fornece uma camada de persistência onde os dados podem ser armazenados pela função do Lambda da API.

Serverless_Web_App_LP_assets-21

API RESTful

O JavaScript executado no navegador envia e recebe dados de uma API de back-end pública criada usando o Lambda e o API Gateway.

Módulos

Este workshop está dividido em cinco módulos. Cada módulo descreve um cenário do que vamos criar e orientações detalhadas para ajudar você a implementar a arquitetura e conferir seu trabalho.
  1. Hospedagem de site estático
  2. Gerenciamento de usuários
  3. Back-end sem servidor
  4. APIs RESTful
  5. Encerramento de recursos e próximas etapas

Experiência na AWS: iniciante

Tempo até a conclusão: 2 horas

Custo para a conclusão: cada serviço usado nesta arquitetura está elegível para o Nível gratuito da AWS. Se você estiver fora dos limites de uso do Nível gratuito, concluir este tutorial custará menos de 0,25 USD*.
 
Pré-requisitos: para concluir este tutorial, você precisará de:
  • Uma conta da AWS**
  • Um editor de texto
  • Navegador recomendado: a versão mais recente do Chrome

*Essa estimativa presume que você siga as configurações recomendadas em todo o tutorial e encere todos os recursos em até 24 horas.

**Pode ser que as contas criadas nas últimas 24 horas ainda não tenham acesso aos recursos exigidos para este tutorial.

Iniciar módulo 1: hospedagem de site estático