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).

Configurare ambienti diversi

Puoi eseguire il deployment di più set di variabili di ambiente per diversi ambienti di progetto, ad esempio gestione temporanea e produzione.

Come Cloud Functions for Firebase, questo strumento supporta il formato di file dotenv per caricare le variabili di ambiente specificate in un file .env.

  • Se hai un alias di progetto staging, puoi eseguire il deployment delle variabili di ambiente da un file .env.staging.
  • Se hai un alias di progetto production, puoi eseguire il deployment delle variabili di ambiente da un file .env.production.
  • Se hai un progetto con ID PROJECT_ID, puoi eseguire il deployment delle variabili di ambiente da un file .env.PROJECT_ID.

Per una guida dettagliata, consulta la documentazione di Cloud Functions.

Passaggi successivi

Consulta la guida dettagliata per il framework che preferisci: