Catch up on highlights from Firebase at Google I/O 2023. Learn more

Integra i framework web con l'hosting

Firebase Hosting si integra con i framework Web moderni più diffusi, tra cui Angular e Next.js. Utilizzando Firebase Hosting e Cloud Functions for Firebase con questi framework, puoi sviluppare app e microservizi nel tuo ambiente framework preferito e quindi distribuirli in un ambiente server gestito e sicuro.

Il supporto durante questa anteprima iniziale include le seguenti funzionalità:

  • Distribuisci app Web costituite da contenuto Web statico
  • Distribuisci app Web che utilizzano il pre-rendering/Generazione di siti statici (SSG)
  • Distribuisci app Web che utilizzano il rendering lato server (SSR): rendering completo del server su richiesta

Firebase fornisce questa funzionalità tramite l'interfaccia a riga di comando di Firebase. Quando inizializzi l'hosting sulla riga di comando, fornisci informazioni sul tuo progetto Web nuovo o esistente e la CLI imposta le risorse giuste per il framework Web scelto.

Prima di iniziare

Prima di iniziare a distribuire la tua app su Firebase, esamina i seguenti requisiti e opzioni:

  • Firebase CLI versione 12.1.0 o successiva. Assicurati di installare la CLI utilizzando il tuo metodo preferito.
  • Facoltativo: fatturazione abilitata sul tuo progetto Firebase (obbligatorio se prevedi di utilizzare SSR)

Servire localmente

Puoi testare la tua integrazione in locale seguendo questi passaggi:

  1. Esegui firebase emulators:start dal terminale. Questo crea la tua app e la serve utilizzando l'interfaccia a riga di comando di Firebase.
  2. Apri la tua app Web all'URL locale restituito dalla CLI (in genere http://localhost:5000).

Distribuisci la tua app su Firebase Hosting

Quando sei pronto per condividere le tue modifiche con il mondo, distribuisci la tua app sul tuo sito live:

  1. Esegui firebase deploy dal terminale.
  2. Controlla il tuo sito web su: SITE_ID.web.app o PROJECT_ID.web.app (o il tuo dominio personalizzato, se ne hai impostato uno).

Prossimi passi

Consulta la guida dettagliata per il tuo framework preferito: