Integra framework web con 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 nell'ambiente del framework che preferisci ed eseguirne il deployment in un ambiente server gestito e sicuro.

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

  • Esegui il deployment di app web costituite da contenuti web statici
  • Esegui il deployment di app web che utilizzano il pre-rendering / la generazione di siti statici (SSG)
  • Esegui il deployment di app web che utilizzano il rendering lato server (SSR), ovvero il rendering completo del server on demand

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

Prima di iniziare

Prima di iniziare a eseguire il deployment dell'app su Firebase, esamina i seguenti requisiti e opzioni:

  • Firebase CLI versione 12.1.0 o successive. Assicurati di installare la CLI utilizzando il tuo metodo preferito.
  • (Facoltativo) Fatturazione abilitata nel tuo progetto Firebase (obbligatorio se prevedi di utilizzare il rendering lato server)

Pubblica localmente

Per testare l'integrazione localmente:

  1. Esegui firebase emulators:start dal terminale. In questo modo viene creata l'app e viene pubblicata utilizzando la CLI Firebase.
  2. Apri l'app web all'URL locale restituito dalla CLI (di solito http://localhost:5000).

Esegui il deployment dell'app su Firebase Hosting

Quando è tutto pronto per condividere le modifiche con il mondo, esegui il deployment dell'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 sul tuo dominio personalizzato, se ne hai configurato uno).

Passaggi successivi

Consulta la guida dettagliata per il framework che preferisci: