Hosting di un sito Web statico

Implementazione

• Crea e connetti repository

  Per iniziare questo tutorial, devi creare e inizializzare un repository. Il modo più semplice per eseguire questa operazione consiste nell'utilizzare il comando create-react-app. Installa questo pacchetto con il comando seguente nel prompt dei comandi o nel terminale.

  Disponi già di un repository da collegare? Ignora il passaggio c di seguito.

  Vuoi eseguire la distribuzione senza effettuare il collegamento a un provider Git? Inizia facendo clic qui.

  npx create-react-app amplifyapp
  cd amplifyapp
  npm start

  Code snippet copied

  Copia

  In questa fase creerai un repository GitHub ed eseguirai il commit del tuo codice al repository. Avrai bisogno di un account GitHub per completare questa fase. Se non disponi di un account, registrati qui.

  a. Crea un nuovo repository GitHub per la tua applicazione (link)
  

  

  b. Inizializza git e invia l'applicazione al nuovo repository GitHub eseguendo i comandi seguenti nell'interfaccia a riga di comando:
  

  git init
  git remote add origin git@github.com:username/reponame.git
  git add .
  git commit -m “initial commit”
  git push origin master

  Code snippet copied

  Copia

  c. Per connettere il repository, accedi alla console Amplify e scegli Inizia nella parte superiore della pagina, quindi Inizia in Hosting di Amplify.
  

  

  

  Connetti i tuoi repository GitHub, Bitbucket, GitLab o AWS CodeCommit. Puoi anche caricare manualmente i tuoi artefatti di compilazione senza collegare un repository Git (vedi Distribuzioni manuali). Dopo aver autorizzato la console di Amplify, Amplify recupera un token di accesso dal provider di repository, ma non lo archivia sui server AWS. Amplify accede al tuo repository utilizzando chiavi di distribuzione installate solo in un repository specifico.
  

  

  Dopo aver collegato il provider del servizio repository, seleziona un repository e scegli un ramo corrispondente per la compilazione e la distribuzione.
  

  

• Conferma delle impostazioni di compilazione

  Per il ramo selezionato, Amplify ispeziona il repository per rilevare automaticamente la sequenza di comandi di compilazione da eseguire. Conferma le impostazioni di compilazione e fai clic su Avanti.
  

  

• Salvataggio e distribuzione

  Esamina tutte le impostazioni per assicurarti che tutto sia configurato correttamente. Seleziona Salva e distribuisci per distribuire la tua applicazione Web in una rete globale di distribuzione dei contenuti (CDN). La tua compilazione front-end di solito richiede da 1 a 2 minuti, ma può variare in base alle dimensioni dell'applicazione.