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.

 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.

Diagrama de arquitetura que mostra como os serviços da AWS são usados neste tutorial.

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.

  1. Criar um aplicativo Web (5 minutos): implante recursos estáticos para a aplicação Web usando o console do AWS Amplify.
  2. Criar uma função sem servidor (5 minutos): use o AWS Lambda para criar uma função sem servidor.
  3. Vincular a função sem servidor ao aplicativo Web (5 minutos): Implantar a função sem servidor com o API Gateway.
  4. Criar uma tabela de dados (10 minutos): mantenha os dados em uma tabela do Amazon DynamoDB.
  5. Add Interactivity to Your Web App (5 minutos): modifique a aplicação Web para invocar a API.
  6. 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.

Esta página foi útil para você?

Criar um aplicativo Web