Inizia con Firebase Hosting

Firebase Hosting ti offre un modo veloce, sicuro e affidabile per ospitare le risorse statiche della tua app (HTML, CSS, JavaScript, file multimediali, ecc.), nonché per servire contenuti dinamici e ospitare microservizi .

Il nostro hosting di livello produttivo è supportato da una rete globale di distribuzione dei contenuti (CDN). L'hosting offre 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 la CLI Firebase

Visita la documentazione della CLI di Firebase per scoprire come installare la CLI o eseguire l'aggiornamento alla versione più recente .

Passaggio 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, dalla CLI di Firebase viene richiesto:

  1. Seleziona un progetto Firebase per connetterti alla directory del progetto locale.

    Il progetto Firebase selezionato è il tuo progetto Firebase "predefinito" per la directory del progetto locale. Per connettere ulteriori progetti Firebase alla directory del progetto locale, configura gli alias del progetto .

  2. Specificare una directory da utilizzare come directory root pubblica.

    Questa directory contiene tutti i file statici forniti pubblicamente, incluso il file index.html e qualsiasi altra risorsa che desideri distribuire su Firebase Hosting.

    • L'impostazione predefinita per la directory root pubblica è denominata public .

      • Puoi specificare la directory root pubblica adesso oppure specificarla in un secondo momento nel file di configurazione firebase.json .

      • Se selezioni l'impostazione predefinita e non disponi già di una directory chiamata public , Firebase la crea per te.

    • Se non hai già un file index.html o un file 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 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:

Passaggio 3 : distribuzione sul tuo sito

Per eseguire la distribuzione sul tuo sito, esegui il comando seguente dalla root 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 distribuzioni e anche sui test locali del tuo sito .

Prossimi passi

Ora il tuo sito è pronto per essere condiviso con il mondo!