Conceitos básicos da AWS
Criar uma aplicação React de pilha completa
Criar uma aplicação Web simples usando o AWS Amplify
Introdução: Criar uma aplicação React de pilha completa
Siga as instruções detalhadas para criar sua primeira aplicação React
Visão geral
Neste tutorial, você criará uma aplicação Web simples de pilha completa usando o AWS Amplify, um conjunto de ferramentas e serviços que inclui um serviço de hospedagem na Web. No primeiro módulo, você criará e hospedará uma aplicação React na AWS. Nos quatro módulos restantes, você iniciará uma aplicação local usando a CLI, adicionará autenticação, adicionará uma API GraphQL e um banco de dados, e atualizará a aplicação para armazenar imagens.
O que você aprenderá
Este tutorial guiará você pelas etapas de criação da aplicação Web abordada acima. Você aprenderá sobre:
- Hospedagem: crie e hospede uma aplicação React na rede de entrega de conteúdo (CDN) global da AWS.
- Autenticação: adicione autenticação a sua aplicação para permitir o login e o logout.
- Banco de dados e armazenamento: adicione uma API GraphQL, um banco de dados e uma solução de armazenamento.
Experiência com a AWS
Iniciante
Tempo para a conclusão
50 minutos
Custo para a conclusão
Qualificado para o nível gratuito
Requisitos
- Conta da AWS com acesso de administrador*
- Node.js: Node.js v10.x ou posterior
- Conta do GitHub
- Git**: os usuários do Windows precisarão instalar o Git
[*] É possível que as contas criadas nas últimas 24 horas ainda não tenham acesso aos serviços necessários para este tutorial.
[**] Não se aplica a usuários do iOS, pois nele o Git vem instalado como padrão.
Serviços usados
Data da última atualização
28 de abril de 2023
Módulos
Este tutorial está dividido em cinco módulos breves. Conclua cada módulo na ordem correta antes de passar para o próximo.
- Implante e hospede um aplicativo React (10 minutos): crie um aplicativo React, faça sua implantação e hospedagem, usando o AWS Amplify.
- Inicie um aplicativo local (5 minutos): inicie um aplicativo local usando o AWS Amplify.
- Adicione autenticação (10 minutos): adicione autenticação à sua aplicação.
- Adicione uma API GraphQL e um banco de dados (15 minutos): crie uma API GraphQL.
- Adicione o recurso de armazenamento de imagens (10 minutos): adicione armazenamento a sua aplicação.
Você criará uma aplicação React usando o terminal/prompt de comando, o editor de texto e o Console de Gerenciamento da AWS.