Conceitos básicos da AWS
Crie uma aplicação React
Crie uma aplicação Web simples usando o AWS Amplify
Introdução: criar uma aplicação React
Siga as instruções passo a passo para criar sua primeira aplicação React.
Visão geral
Neste tutorial, você criará uma aplicação Web simples 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 4 módulos restantes, você iniciará uma aplicação local usando a CLI, adicionará autenticação, adicionará uma API GraphQL e o banco de dados e atualizará o aplicativo para armazenar imagens.
O que você aprenderá
Este tutorial orientará você nas 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 ao seu aplicativo para permitir o login e a saída
- 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
Pré-requisitos do tutorial
- Conta da AWS com acesso de administrador*
- Node.js: Node.js v10.x ou posterior
- Conta no GitHub
- Git**: os usuários do Windows precisarão instalar o Git
- Um editor de texto. Estes são alguns editores de texto gratuitos que gostamos (em ordem alfabética): Atom, Notepad++, Sublime, Vim, Visual Studio Code
[*] Talvez 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 como padrão
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 ao seu aplicativo.
Você criará a aplicação React usando o terminal/prompt de comando, o editor de teste e o Console Web da AWS.