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.

  1. Implante e hospede um aplicativo React (10 minutos): crie um aplicativo React, faça sua implantação e hospedagem, usando o AWS Amplify.
  2. Inicie um aplicativo local (5 minutos): inicie um aplicativo local usando o AWS Amplify.
  3. Adicione autenticação (10 minutos): adicione autenticação à sua aplicação.
  4. Adicione uma API GraphQL e um banco de dados (15 minutos): crie uma API GraphQL.
  5. 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.

Implantar o aplicativo React