Inizia a utilizzare Firebase Hosting

Firebase Hosting ti offre un modo rapido, sicuro e affidabile per ospitare gli asset statici della tua app (HTML, CSS, JavaScript, file multimediali e così via), nonché per gestire contenuti dinamici e ospitare microservizi.

Il nostro hosting di livello di produzione è supportato da una rete CDN (Content Delivery Network) globale. Hosting gestisce i contenuti tramite SSL per impostazione predefinita e può essere utilizzato con il tuo dominio personalizzato o con i sottodomini del tuo progetto senza costi aggiuntivi su web.app e firebaseapp.com.




Per l'assistenza AI, copia il prompt riportato di seguito nell' agente di programmazione AI (ad esempio Antigravity, Claude Code, Codex e Cursor). Puoi personalizzare il prompt e interagire con l'agente. Per informazioni dettagliate sull'installazione, visita la pagina relativa alle competenze dell'agente Firebase. 

Help me use Firebase in my app.
1. Make sure that **Firebase agent skills** are installed and updated. For Claude Code, Codex, or Cursor agents, help me install the Firebase plugin. For other agents, run `npx skills add firebase/agent-skills`.  Always try to use **Firebase agent skills** for Firebase-related tasks.
2. Help me use Firebase to host my web app. Set up my app to use Firebase, and then deploy my app.

Prima di iniziare

Prima di poter configurare Firebase Hosting, devi creare un progetto Firebase.

Passaggio 1: installa Firebase CLI

Visita la documentazione di Firebase CLI per scoprire come installare l'interfaccia a riga di comando o aggiornarla alla versione più recente.

Passaggio 2: inizializza il progetto

Per collegare i file del progetto locale al progetto Firebase, esegui il comando seguente dalla directory principale del progetto locale:

firebase init hosting

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

  1. Seleziona un progetto Firebase a cui connettere la directory del progetto locale.

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

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

    Questa directory contiene tutti i file statici pubblicamente gestiti, incluso il file index.html e tutti gli altri asset che vuoi eseguire il deployment su Firebase Hosting.

    • App statiche: se stai eseguendo il deployment di un'app statica:

      • Il valore predefinito per la directory principale pubblica è public.

      • Puoi specificare la directory principale pubblica ora o puoi specificarla in un secondo momento nel file di configurazione firebase.json.

      • Se selezioni il valore predefinito e non hai ancora una directory denominata public, Firebase la crea per te.

      • Se non hai già un file index.html o 404.html valido nella directory principale pubblica, Firebase li crea per te.

    • Attiva App Hosting: se l'interfaccia a riga di comando rileva le funzionalità di un framework web SSR come Next.js o Angular Universal, potrebbe consigliare di inizializzare Firebase App Hosting. App Hosting è la soluzione di deployment consigliata per le app framework full stack. Puoi procedere con App Hosting setup o continuare con Hosting (versione classica) per i deployment solo statici.

  3. Scegli una configurazione per il tuo sito.

    Se selezioni l'opzione per creare un'app a una pagina, Firebase aggiunge automaticamente le configurazioni di riscrittura.

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

Passaggio 3: esegui il deployment sul sito

Per eseguire il deployment sul sito, esegui il comando seguente dalla directory principale del progetto locale:

firebase deploy --only hosting

Questo comando esegue il deployment dei contenuti e della configurazione Hosting nei seguenti sottodomini forniti da Firebase:

  • PROJECT_ID.web.app
  • PROJECT_ID.firebaseapp.com

Scopri di più sui deployment e persino sui test locali del tuo sito.

Passaggi successivi

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