Introducción a AWS

Cree una aplicación React

Cree una aplicación Web simple con AWS Amplify

Módulo 2: inicie una aplicación Amplify local

En este módulo, instalará y configurará la CLI de Amplify.

Introducción

Ahora que hemos iniciado un nuevo proyecto Amplify en nuestra cuenta, deseamos llevarla a nuestro entorno local para poder seguir con el desarrollo y agregar nuevas funciones.

En este módulo, instalará la CLI de Amplify e iniciará el proyecto de Amplify utilizando la CLI.

Lo que aprenderá

  • Instalar y configurar la CLI de Amplify
  • Inicialice la aplicación de Amplify

Conceptos clave

CLI de Amplify: la CLI de Amplify le permite crear, administrar y retirar servicios de AWS directamente de su terminal.

 Tiempo de realización

5 minutos

 Servicios utilizados

Implementación

  • Instale la CLI de Amplify

    La interfaz de línea de comandos (CLI) de Amplify es una cadena de herramientas unificada para crear servicios en la nube de AWS para su aplicación, siguiendo un flujo de trabajo guiado simple. Sigamos adelante e instalemos la CLI de Amplify utilizando el símbolo del sistema (Windows) o la terminal (macOS). NOTA: este comando se puede ejecutar en cualquier directorio en el símbolo del sistema/terminal dado que la “-g” indica que se instalará el modo binario en su sistema a nivel global.

    npm install -g @aws-amplify/cli
  • Configure la CLI de Amplify

    Amazon IAM (Identity and Access Management) le permite administrar usuarios y permisos de usuarios en AWS. La CLI utiliza IAM para crear y administrar servicios de manera programada en su nombre a través de la CLI.

    Para configurar la CLI, ejecute el comando de configurar. Para ver un video de explicación del proceso de configuración de CLI, haga clic aquí.

    amplify configure
  • Inicialice la aplicación de Amplify

    Luego, iniciaremos una aplicación en forma local. Dado que ya hemos creado un proyecto Amplify, podemos usar la configuración de la aplicación que ya se ha creado.

    a. En la consola de Amplify, haga clic en Backend environments (Entornos backend).

    Front End BackEnd Environments Module 2

    b. En la pestaña Backend environment (Entorno backend), copie el comando de inicio de Amplify en su teclado.

    Front End BackEnd Environments2 Module 2

    c. Inicie el proyecto Amplify de manera local con estos comandos.

    NOTA: Asegúrese de que el perfil que usted elige haya sido configurado utilizando la misma región que el proyecto que ya ha implementado.

    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
    

Conclusión

Ha iniciado el proyecto Amplify y ahora está listo para comenzar a agregar funciones. En el siguiente módulo, agregaremos todo un flujo de autenticación de usuarios con solo algunas líneas de código.

Para ver su proyecto Amplify en el panel en cualquier momento puede ejecutar el siguiente comando:

amplify console

¿Este módulo le resultó útil?

Gracias
Indíquenos lo que le gustó.
Lamentamos haberlo decepcionado
¿Hay información desactualizada, confusa o inexacta? Ayúdenos a mejorar este tutorial con sus comentarios.

Agregar autenticación