Inizia a utilizzare Firebase Hosting

Firebase Hosting offre un modo rapido, sicuro e affidabile di ospitare i tuoi asset statici dell'app (HTML, CSS, JavaScript, file multimediali e così via) nonché per gestire contenuti dinamici e ospitare microservizi.

Il nostro hosting di livello enterprise è supportato da una rete CDN (Content Delivery Network) globale (CDN). 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 di Firebase per scoprire come installa l'interfaccia a riga di comando oppure esegui l'aggiornamento alla versione più recente.

Passaggio 2: inizializza il progetto

Per collegare i file di progetto locali al progetto Firebase, esegui questo comando: dalla directory principale del tuo progetto locale:

firebase init hosting

Durante l'inizializzazione del progetto, dai prompt dell'interfaccia a riga di comando Firebase:

  1. Seleziona un progetto Firebase da collegare alla directory locale del progetto.

    Il progetto Firebase selezionato è "predefinito" progetto Firebase per il tuo della directory di 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 radice 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.

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

      • Puoi specificare ora la directory root pubblica oppure specificalo in seguito nei 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 in alla directory radice pubblica, le verranno create automaticamente da Firebase.

  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 questo comando dalla directory radice del server directory del progetto:

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 e persino testare localmente il sito.

Passaggi successivi

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