Criar uma aplicação React de pilha completa

Implementação

• Instalar a CLI do Amplify

  A Command Line Interface (CLI, Interface de Linhas de Comando) do Amplify é um conjunto de ferramentas unificado para criar Serviços de Nuvem AWS para sua aplicação seguindo um fluxo de trabalho simples e guiado. Vamos instalar a CLI do Amplify usando o Prompt de Comando (Windows) ou o Terminal (macOS). Observação: este comando pode ser executado em qualquer diretório do prompt de comando/terminal, pois o “-g” indica que o binário será instalado globalmente no sistema.

  npm install -g @aws-amplify/cli

  Code snippet copied

  Copiar
• Configuração da CLI do Amplify

  O AWS Identity and Access Management (IAM) permite gerenciar usuários e permissões do usuário na AWS. A CLI usa o IAM para criar e gerenciar serviços programaticamente em seu nome por meio da CLI.

  Para configurar a CLI, execute o comando de configuração. Para ver um vídeo passo a passo do processo de configuração da CLI, consulte Instalando e configurando a CLI do AWS Amplify abaixo.
  

  amplify configure

  Code snippet copied

  Copiar
• Inicialização da aplicação Amplify

  Em seguida, implantaremos um back-end e inicializaremos o ambiente de back-end localmente.
  

  a. No console do Amplify, selecione Ambientes de back-end e escolha Comece a usar. Aguarde até que o back-end seja implantado.
  

  

  b. Na guia Ambientes de back-end, escolha Iniciar o Studio.
  

  

  c. Volte para a guia Ambientes de back-end e expanda a seção Instruções de configuração local. Copie o comando para sua área de transferência e abra o terminal em seu computador.

  

  d. Cole o comando em seu terminal e siga as instruções de configuração.

  ? Choose your default editor: Visual Studio Code
  ? Choose the type of app that you're building javascript
  ? What javascript framework are you using react
  ? Source Directory Path:  src 
  ? Distribution Directory Path: build
  ? Build Command:  npm run-script build
  ? Start Command: npm run-script start
  ? Do you plan on modifying this backend? Y
  

  Code snippet copied

  Copiar