Crear una aplicación React de pila completa

Implementación

• Instalar 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 el terminal (macOS). Nota: Este comando se puede ejecutar en cualquier directorio en el símbolo del sistema o terminal dado que la “-g” indica que se instalará el modo binario en el sistema a nivel global.

  npm install -g @aws-amplify/cli

  Code snippet copied

  Copiar
• Configurar la CLI de Amplify

  AWS Identity and Access Management (IAM) 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 configure. Para ver un tutorial en video del proceso de configuración de la CLI, consulte Instalación y configuración de la CLI de AWS Amplify a continuación.
  

  amplify configure

  Code snippet copied

  Copiar
• Inicializar la aplicación de Amplify

  A continuación, implementaremos un backend e inicializaremos el entorno de backend localmente.
  

  a. En la consola de Amplify, seleccione Entornos de backend y elija Comenzar. Espere a que se implemente el backend.
  

  

  b. En la pestaña Entornos de backend, escoja Lanzar Studio.
  

  

  c. Vuelva a la pestaña Entornos de backend y expanda la sección Instrucciones de configuración local. Copie el comando en el portapapeles y abra el terminal en el ordenador.

  

  d. Pegue el comando en el terminal y siga las instrucciones de configuración.

  ? 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