Inizia a utilizzare Firebase Hosting

Firebase Hosting offre un modo rapido, sicuro e affidabile di ospitare i tuoi asset statici dell'app (HTML, CSS, JavaScript, file multimediali e così via) nonché per gestire contenuti dinamici e ospitare microservizi.

Il nostro hosting di livello enterprise è supportato da una rete CDN (Content Delivery Network) globale (CDN). Per impostazione predefinita, Hosting pubblica i tuoi contenuti tramite SSL e può essere utilizzato con il tuo dominio personalizzato o sui sottodomini del tuo progetto senza costi su web.app e firebaseapp.com.

Prima di iniziare

Prima di poter configurare Firebase Hosting, devi: creando un progetto Firebase.

Passaggio 1: installa l'interfaccia a riga di comando Firebase

Consulta la documentazione dell'interfaccia a riga di comando di Firebase per scoprire come installa l'interfaccia a riga di comando oppure esegui l'aggiornamento alla versione più recente.

Passaggio 2: inizializza il progetto

Per collegare i file del progetto locale al progetto Firebase, esegui il seguente comando dalla radice della directory del progetto locale:

firebase init hosting

Durante l'inizializzazione del progetto, dai prompt dell'interfaccia a riga di comando Firebase:

  1. Seleziona un progetto Firebase da collegare alla directory locale del progetto.

    Il progetto Firebase selezionato è il progetto Firebase "predefinito" per la directory del progetto locale. Per collegare altri progetti Firebase alla directory dei progetti locale, configura gli alias di progetto.

  2. Specifica una directory da utilizzare come directory radice pubblica.

    Questa directory contiene tutti i file statici pubblicati pubblicamente, incluso il file index.html e tutti gli altri asset che vuoi implementare in Firebase Hosting.

    • L'impostazione predefinita per la directory radice pubblica è public.

      • Puoi specificare la tua directory principale pubblica ora o specificarla in un secondo momento nel file di configurazione firebase.json.

      • Se selezioni l'impostazione predefinita e non hai ancora una directory chiamata public, Firebase lo crea per te.

    • Se non hai già un file index.html o 404.html valido nella directory principale pubblica, Firebase li crea per te.

  3. Scegli una configurazione per il tuo sito.

    Se scegli di creare un'app di una pagina, Firebase aggiunge automaticamente riscrivere le configurazioni.

Al termine dell'inizializzazione, Firebase crea e aggiunge automaticamente due file alla directory principale della directory dell'app locale:

Passaggio 3: esegui il deployment sul tuo sito

Per eseguire il deployment sul tuo sito, esegui questo comando dalla directory radice del server directory del progetto:

firebase deploy --only hosting

Questo comando esegue il deployment dei contenuti e della configurazione di Hosting nei seguenti sottodomini di Firebase:

  • PROJECT_ID.web.app
  • PROJECT_ID.firebaseapp.com

Scopri di più su e persino testare localmente il sito.

Passaggi successivi

Ora il tuo sito è pronto per essere condiviso con il resto del mondo.