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 usato
con il tuo dominio personalizzato o nel dominio
sottodomini 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 Firebase per scoprire come installarla o aggiornarla 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 di Firebase:
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 dei progetti.
Specifica una directory da utilizzare come directory principale pubblica.
Questa directory contiene tutti i file statici disponibili pubblicamente, tra cui
index.html
file e tutti gli altri asset in cui vuoi eseguire il deployment 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 l'impostazione predefinita e non hai ancora una directory chiamata
public
, Firebase lo crea per te.
Se non hai già un file
index.html
o404.html
valido nella directory principale pubblica, Firebase li crea per te.
Scegli una configurazione per il 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:
Un file di configurazione
firebase.json
che elenca la configurazione del progetto. Scopri di più su questo file nella pagina Configura il comportamento di hosting.Un file
.firebaserc
che memorizza i alias del progetto.
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 mondo.
Continua a migliorare il tuo sito. Esegui test locali, condividi le modifiche in un URL di anteprima, quindi implementalo sul tuo sito pubblicato. Segui questo guida passo passo.
Scopri di più sulle altre funzionalità di hosting:
Dai un'occhiata alla documentazione completa dell'interfaccia a riga di comando Firebase.
Preparati al lancio dell'app:
- Configura gli avvisi sul budget per il tuo progetto nella console Google Cloud.
- Monitorare l'utilizzo e la fatturazione dashboard nella console Firebase per avere un quadro generale per l'utilizzo in più servizi Firebase. Puoi anche visitare la pagina Hosting Utilizzo dashboard per saperne di più informazioni dettagliate sull'utilizzo.
- Esamina l'elenco di controllo per il lancio di Firebase.