Realizza un'applicazione React full-stack

Implementazione

• Installazione della CLI di Amplify

  L'interfaccia a riga di comando di Amplify è una toolchain unificata per creare servizi AWS Cloud per la tua applicazione, seguendo un semplice flusso di lavoro guidato. Proseguiamo e installiamo la CLI di Amplify tramite il prompt dei comandi (Windows) o il terminale (macOS). Nota: è possibile eseguire questo comando in tutte le directory del prompt dei comandi/terminale dato che "-g" indica l'installazione su scala globale del binario nel sistema.

  npm install -g @aws-amplify/cli

  Code snippet copied

  Copia
• Configurazione della CLI di Amplify

  AWS Identity and Access Management (IAM) consente la gestione di utenti e relative autorizzazioni in AWS. La CLI usa IAM per creare e gestire i servizi a livello di programmazione per tuo conto tramite la CLI.

  Per configurare la CLI, esegui il comando Configura. Per vedere un video dettagliato del processo di configurazione della CLI, consulta Installazione e configurazione dell'interfaccia a riga di comando di AWS Amplify di seguito.
  

  amplify configure

  Code snippet copied

  Copia
• Inizializzazione dell'applicazione Amplify

  Successivamente, implementeremo un back-end e inizializzeremo l'ambiente di back-end in locale.
  

  a. Nella console Amplify, seleziona Ambienti di backend e scegli Inizia. Attendi che il backend venga distribuito.
  

  

  b. Nella scheda Ambienti di back-end, scegli Avvia Studio.
  

  

  c. Torna alla scheda Ambienti di back-end ed espandi la sezione Istruzioni per la configurazione locale. Copia il comando negli appunti e apri il terminale sul computer.

  

  d. Incolla il comando nel tuo terminale e segui le istruzioni di configurazione.

  ? 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

  Copia