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 globale di distribuzione dei contenuti (CDN). L'hosting serve i tuoi contenuti su SSL, per impostazione predefinita, e può essere utilizzato con il tuo dominio personalizzato o sui sottodomini del tuo progetto senza alcun costo su web.app e firebaseapp.com .
Prima di iniziare
Prima di poter configurare Firebase Hosting, devi creare un progetto Firebase .
Passaggio 1 : installa l'interfaccia a riga di comando di Firebase
Consulta la documentazione dell'interfaccia a riga di comando di Firebase per informazioni su come installare l'interfaccia a riga di comando o eseguire l'aggiornamento alla versione più recente .
Passo 2 : Inizializza il tuo 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, dall'interfaccia a riga di comando di Firebase viene richiesto:
Seleziona un progetto Firebase per connetterti alla directory del tuo progetto locale.
Il progetto Firebase selezionato è il progetto Firebase "predefinito" per la directory del progetto locale. Per connettere progetti Firebase aggiuntivi alla directory del progetto locale, configura gli alias del 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 altra risorsa che desideri distribuire a Firebase Hosting.L'impostazione predefinita per la directory radice pubblica è denominata
public.Puoi specificare la tua directory radice pubblica ora oppure puoi specificarla in un secondo momento nel tuo file di configurazione
firebase.json.Se selezioni l'impostazione predefinita e non disponi già di una directory denominata
public, Firebase la crea per te.
Se non disponi già di 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 pagina, Firebase aggiunge automaticamente le configurazioni di riscrittura per te.
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 tuo progetto. Ulteriori informazioni su questo file nella pagina di configurazione del comportamento di hosting .Un file
.firebasercche memorizza gli alias del progetto .
Passaggio 3 : implementare sul tuo sito
Per eseguire la distribuzione sul tuo sito, esegui il seguente comando dalla radice della directory del progetto locale:
firebase deploy --only hosting
Questo comando distribuisce il contenuto e la configurazione dell'hosting nei seguenti sottodomini forniti da Firebase:
-
PROJECT_ID .web.app -
PROJECT_ID .firebaseapp.com
Scopri di più sulle implementazioni e anche sul test locale del tuo sito .
Prossimi passi
Ora il tuo sito è pronto per essere condiviso con il mondo!
Continua a migliorare il tuo sito. Testa localmente, condividi le modifiche a un URL di anteprima temporaneo, quindi distribuisci sul tuo sito live. Segui questa guida passo dopo passo .
Scopri ulteriori funzionalità di hosting:
Dai un'occhiata alla documentazione completa per l' interfaccia a riga di comando di Firebase .
Preparati a lanciare la tua app:
- Imposta avvisi di budget per il tuo progetto in Google Cloud Console.
- Monitora la dashboard di utilizzo e fatturazione nella console Firebase per ottenere un quadro generale dell'utilizzo del tuo progetto su più servizi Firebase. Puoi anche visitare la dashboard sull'utilizzo dell'hosting per informazioni più dettagliate sull'utilizzo.
- Esamina l' elenco di controllo per il lancio di Firebase .