Conceitos básicos da AWS

Criar uma aplicação React de pilha completa

Criar uma aplicação Web simples usando o AWS Amplify

Módulo 2: Inicialização de uma aplicação Amplify local

Neste módulo, você instalará e configurará a CLI do Amplify

Visão geral

Agora que inicializamos um novo projeto do Amplify em nossa conta, queremos colocá-lo em nosso ambiente local para continuar o desenvolvimento e para adicionar novos atributos.

Neste módulo, você instalará a CLI do Amplify e inicializará o projeto do Amplify usando a CLI.

O que você aprenderá

Neste módulo, você irá:
  • Instalar e configurar a CLI do Amplify
  • Inicialização da aplicação Amplify

Principais conceitos

CLI do Amplify : a CLI do Amplify permite criar, gerenciar e remover serviços da AWS diretamente no seu terminal.

 Tempo para a conclusão

5 minutos

 Serviços usados

Implementação

  • 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
  • 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.

    Instalar e configurar a CLI do AWS Amplify
    amplify configure
  • 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
    

Conclusão

Você inicializou o projeto do Amplify e agora pode começar a adicionar atributos. No próximo módulo, adicionaremos um fluxo completo de autenticação do usuário com apenas algumas linhas de código.

Para visualizar o projeto do Amplify no painel a qualquer momento, agora você pode executar o seguinte comando:

amplify console
? Which site do you want to open? AWS console

Esta página foi útil para você?

Adicionar autenticação