Inizia a utilizzare Firebase Hosting

Firebase Hosting ti offre un modo rapido, sicuro e affidabile per ospitare le risorse statiche della tua app (HTML, CSS, JavaScript, file multimediali e così via) nonché per pubblicare contenuti dinamici e ospitare microservizi.

Il nostro hosting di livello professionale è supportato da una rete per la distribuzione dei contenuti (CDN) globale. 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 creare un progetto Firebase.

Passaggio 1: installa la CLI Firebase

Consulta la documentazione dell'interfaccia a riga di comando Firebase per scoprire come installarla o eseguire l'upgrade 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 tua directory di progetto locale.

    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 principale pubblica.

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

    • Il valore predefinito per la directory principale pubblica è public.

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

      • Se selezioni il valore predefinito e non hai già una directory denominata public, Firebase la 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 a una pagina, Firebase aggiunge automaticamente le configurazioni di riscrittura.

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

Passaggio 3: esegui il deployment sul tuo sito

Per eseguire il deployment sul tuo sito, esegui il seguente comando dalla directory principale del progetto locale:

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 come eseguire il deployment e persino testare localmente il tuo sito.

Passaggi successivi

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