Conceitos básicos da AWS

Crie uma aplicação React

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

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

    Front End BackEnd Environments Module 2

    b. Na guia Backend environment (Ambiente do back-end), copie o comando amplify init para o seu teclado.

    Front End BackEnd Environments2 Module 2

    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

Este módulo foi útil?

Agradecemos a sua atenção
Gostaríamos de saber do que você gostou.
Desculpe por ter desapontado
Encontrou algo desatualizado, confuso ou incorreto? Envie seus comentários para nos ajudar a melhorar este tutorial.

Adicionar autenticação