Criar uma aplicação Web básica
TUTORIAL
Introdução: criar uma aplicação Web básica
Siga as instruções passo a passo para criar sua primeira aplicação Web
Visão geral
Neste tutorial, você criará uma aplicação Web simples. Em primeiro lugar, você criará um aplicativo Web estático que exibirá “Hello World”. Em seguida, você aprenderá a adicionar uma funcionalidade à aplicação Web para que o texto exibido seja baseado em uma entrada personalizada que você forneceu.
O que você vai realizar
Este tutorial orientará você ao longo das etapas para criar a amostra de aplicação Web abordada acima. Você vai:
- Criar uma aplicação Web.
- Conectar a aplicação Web a um back-end sem servidor.
- Adicionar interatividade à aplicação Web com uma API e um banco de dados.
Pré-requisitos
Antes de iniciar este tutorial, você precisará de:
- Uma conta da AWS: caso ainda não tenha uma conta, siga o guia de conceitos básicos Setting Up Your Environment para obter uma breve visão geral.
AWS Experience
Iniciante
Tempo mínimo para conclusão
35 minutos
Custo para a conclusão
Qualificado para o nível gratuito
Requisitos
- Conta da AWS com acesso em nível de administrador*
- Navegador recomendado: versão mais recente do Chrome ou Firefox
*É possível que as contas criadas nas últimas 24 horas ainda não tenham acesso aos serviços necessários para este tutorial.
Serviços usados
Data da última atualização
4 de abril de 2023
Arquitetura da aplicação
O diagrama a seguir apresenta uma representação visual dos serviços usados neste tutorial e como eles estão conectados. A aplicação usa o AWS Amplify, o Amazon API Gateway, o AWS Lambda, o Amazon DynamoDB e o AWS Identity and Access Management (IAM).
Ao avançarmos pelo tutorial, abordaremos os serviços em detalhes e indicaremos quais recursos ajudarão você a saber tudo sobre eles.
Módulos
Este tutorial está dividido em seis pequenos módulos. Conclua cada módulo na ordem correta antes de passar para o próximo.
- Criar um aplicativo Web (5 minutos): implante recursos estáticos para a aplicação Web usando o console do AWS Amplify.
- Criar uma função sem servidor (5 minutos): use o AWS Lambda para criar uma função sem servidor.
- Vincular a função sem servidor ao aplicativo Web (5 minutos): Implantar a função sem servidor com o API Gateway.
- Criar uma tabela de dados (10 minutos): mantenha os dados em uma tabela do Amazon DynamoDB.
- Add Interactivity to Your Web App (5 minutos): modifique a aplicação Web para invocar a API.
- Clean Up Resources (5 minutos): limpe os recursos usados neste tutorial.
Você criará essa aplicação Web usando o Console de Gerenciamento da AWS, que pode ser acessado diretamente no navegador.