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 di produzione è supportato da una rete di distribuzione dei contenuti (CDN) globale. Hosting pubblica i tuoi contenuti tramite SSL per impostazione predefinita 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
Visita la documentazione della CLI Firebase per scoprire come installare la CLI o eseguire l'aggiornamento all'ultima versione.
Passaggio 2: inizializza il progetto
Per connettere i file di progetto locali 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 di Firebase:
Seleziona un progetto Firebase da connettere alla directory del progetto locale.
Il progetto Firebase selezionato è il progetto Firebase "predefinito" per la tua directory del progetto locale. Per connettere altri progetti Firebase alla directory del progetto locale, configura gli alias di progetto.
Specifica una directory da utilizzare come directory principale pubblica.
Questa directory contiene tutti i file statici pubblicati pubblicamente, incluso il file
index.htmle qualsiasi altro asset che vuoi distribuire su Firebase Hosting.La directory principale pubblica predefinita si chiama
public.Puoi specificare la directory principale pubblica ora o puoi specificarla in un secondo momento nel file di configurazione
firebase.json.Se selezioni il valore predefinito e non hai ancora una directory chiamata
public, Firebase la crea per te.
Se non hai già un file
index.htmlo404.htmlvalido nella directory principale pubblica, Firebase li crea per te.
Scegli una configurazione per il tuo sito.
Se scegli di creare un'app di una sola 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:
Un file di configurazione
firebase.jsonche elenca la configurazione del progetto. Scopri di più su questo file nella pagina Configura comportamento hosting.Un file
.firebasercche memorizza gli alias del progetto.
Passaggio 3: esegui il deployment sul tuo sito
Per eseguire il deployment sul tuo sito, esegui questo comando dalla radice della directory del progetto locale:
firebase deploy --only hosting
Questo comando esegue il deployment dei contenuti e della configurazione di Hosting nei seguenti sottodomini di cui è stato eseguito il provisioning di Firebase:
PROJECT_ID.web.appPROJECT_ID.firebaseapp.com
Scopri di più su implementazioni e test locali del sito.
Passaggi successivi
Ora il tuo sito è pronto per essere condiviso con il mondo.
Continua a migliorare il tuo sito. Esegui test in locale, condividi le modifiche a un URL di anteprima temporaneo, quindi esegui il deployment sul tuo sito pubblicato. Segui questa guida passo passo.
Scopri di più sulle altre funzionalità di hosting:
Consulta la documentazione completa della CLI Firebase.
Preparati a lanciare la tua app:
- Configura avvisi sul budget per il tuo progetto nella console Google Cloud.
- Monitora la dashboard Utilizzo e fatturazione nella console Firebase per avere un quadro generale dell'utilizzo del tuo progetto in più servizi Firebase. Puoi anche visitare la Hosting dashboard Utilizzo per informazioni più dettagliate sull'utilizzo.
- Esamina l'elenco di controllo per il lancio di Firebase.