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 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:

  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 dei progetti.

  2. 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 o 404.html valido nella directory principale pubblica, Firebase li crea per te.

  3. 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:

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.