Inizia con Firebase Hosting

Hosting Firebase fornisce un collegamento veloce, sicuro e modo affidabile per ospitare le attività statiche del vostro app (HTML, CSS, JavaScript, file multimediali, ecc), così come per servire contenuti e di accoglienza microservices dinamici .

Il nostro hosting di livello produttivo è supportato da una rete globale di distribuzione dei contenuti (CDN). Hosting serve sul suo sito web su SSL, per impostazione predefinita, e può essere utilizzato con il proprio dominio personalizzato o sottodomini libere del vostro progetto su web.app e firebaseapp.com .

Prima di iniziare

Prima di poter configurare Firebase Hosting, è necessario creare un progetto Firebase .

Fase 1: Installare il Firebase CLI

Visita la documentazione Firebase CLI per imparare a installare la CLI o aggiornamento alla versione più recente .

Step 2: Inizializzare il progetto

Per connettere i tuoi file di progetto locali al tuo progetto Firebase, esegui il comando seguente dalla radice della directory del tuo progetto locale:

firebase init hosting

Durante l'inizializzazione del progetto, dai prompt della CLI di Firebase:

  1. 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 collegare ulteriori progetti Firebase nella directory di progetto locale, configurare gli alias di progetto .

  2. Specifica una directory da utilizzare come directory principale pubblica.

    Questa directory contiene tutti i file statici serviti al pubblico, compreso il vostro index.html file e tutte le altre attività che si desidera distribuire a Firebase Hosting.

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

      • È possibile specificare la directory radice pubblica ora oppure è possibile specificarlo più avanti nel firebase.json file di configurazione.

      • Se si seleziona l'impostazione predefinita e non si dispone già di una directory chiamata public , Firebase crea per voi.

    • Se non si dispone già di una valida index.html file o 404.html file nella directory radice pubblica, Firebase li crea per voi.

  3. Scegli una configurazione per il tuo sito.

    Se si sceglie di fare una sola pagina di app, quindi aggiunge Firebase automaticamente le configurazioni di riscrittura per voi.

Al termine dell'inizializzazione, Firebase crea e aggiunge automaticamente due file alla radice della directory dell'app locale:

Fase 3: distribuzione al tuo sito

Per eseguire il deployment sul tuo sito, esegui il seguente comando dalla radice della directory del tuo 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ù su implementa e anche localmente testare il sito .

Prossimi passi

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