Conceitos básicos da AWS
Crie uma aplicação React
Crie uma aplicação Web simples usando o AWS Amplify

iniciar o aplicativo local
Módulo 2: Inicialização do um aplicativo Amplify local
Neste módulo, você instalará e configurará a CLI do Amplify.
Introdução
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 recursos.
Neste módulo, você instalará a CLI do Amplify e inicializará o projeto do Amplify usando a CLI.
O que você aprenderá
- Instalar e configurar a CLI do Amplify
- Inicialização do aplicativo Amplify
Conceitos principais
CLI do Amplify – A CLI do Amplify permite criar, gerenciar e remover serviços da AWS diretamente do seu terminal.
Tempo para a conclusão
5 minutos
Serviços usados
Implementação
-
Instalação da CLI do Amplify
A Interface de Linhas de Comando (CLI) do Amplify é um conjunto de ferramentas unificado para criar Serviços de Nuvem AWS para seu aplicativo 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
-
Configuração da CLI do Amplify
O Amazon IAM (Identity and Access Management) permite gerenciar usuários e permissões do usuário na AWS. A CLI usa 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 com uma demonstração do processo de configuração da CLI, clique aqui.
amplify configure
-
Inicialização do aplicativo Amplify
Em seguida, inciaremos um aplicativo localmente. Como já criamos um projeto do Amplify, podemos usar a configuração do aplicativo que já foi criada.
a. No console do Amplify, clique em Backend environments (Ambientes do back-end).
b. Na guia Backend environment (Ambiente do back-end), copie o comando amplify init para o seu teclado.
c. Incie o projeto do Amplify localmente com os comandos abaixo.
OBSERVAÇÃO: certifique-se de que o perfil que você está escolhendo foi configurado usando a mesma região do projeto Amplify que você já implantou.
amplify init --appId your-app-id ? Enter a name for the project: amplifyapp ? Enter a name for the environment: dev ? Choose your default editor: Visual Studio Code ? Choose the type of app that youre 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 want to use an AWS profile? Y ? Please choose the profile you want to use: your-aws-profile
Conclusão
Você inicializou o projeto do Amplify e agora pode começar a adicionar recursos! No próximo módulo, adicionaremos um fluxo de autenticação de usuário inteiro 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