Nozioni di base su AWS

Creazione di un'applicazione React

Crea una semplice applicazione Web utilizzando AWS Amplify

Modulo 2: Inizializzazione di un'applicazione Amplify locale

In questo modulo installerai e configurerai la CLI di Amplify.

Introduzione

Ora che abbiamo inizializzato un nuovo progetto Amplify nel nostro account, vogliamo portarlo nell'ambiente locale per continuare a svilupparlo e ad aggiungervi nuovi funzionalità.

In questo modulo, installerai la CLI di Amplify e la userai per inizializzare il progetto Amplify.

Avrai modo di approfondire i seguenti aspetti

  • Installazione e configurazione della CLI di Amplify
  • Inizializzazione dell'applicazione Amplify

Concetti chiave

CLI di Amplify: la CLI di Amplify consente di creare, gestire e rimuovere i servizi AWS direttamente dal terminale.

 Tempo richiesto per il completamento

5 minuti

 Servizi utilizzati

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
  • Configurazione della CLI di Amplify

    Amazon IAM (Identity and Access Management) 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. Fai clic qui per vedere un video con la spiegazione passo per passo del processo di configurazione della CLI.

    amplify configure
  • Inizializzazione dell'applicazione Amplify

    Nella prossima fase, inizializzeremo un'applicazione in locale. Dato che abbiamo già creato un progetto Amplify, possiamo usare la configurazione dell'applicazione già creata.

    a. Nella console Amplify, fai clic su Backend environments (Ambienti back-end).

    Front End BackEnd Environments Module 2

    b. Nella scheda Backend environments (Ambienti back-end), copia il comando di inizializzazione di Amplify sulla tastiera.

    Front End BackEnd Environments2 Module 2

    c. Inizializza il progetto Amplify in locale usando i comandi seguenti.

    NOTA: accertarsi che il profilo scelto sia configurato usando la stessa regione del progetto Amplify già distribuito.

    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
    

Conclusione

Hai inizializzato il progetto Amplify e sei pronto per iniziare ad aggiungervi delle funzionalità. Nel prossimo modulo, aggiungeremo un intero flusso di autenticazione utente usando poche righe di codice.

Puoi visualizzare il progetto Amplify nel pannello di controllo in qualsiasi momento. Per farlo, esegui il comando seguente:

amplify console

Questo modulo è stato utile?

Grazie
Facci sapere cosa ti è piaciuto.
Spiacenti di non esserti stati d'aiuto
C'è qualcosa di obsoleto, ambiguo o approssimativo? Aiutaci a migliorare questo tutorial con il tuo feedback.

Aggiungi autenticazione