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 e poi eseguirne il deployment in un ambiente server gestito e sicuro.

Il supporto durante questa anteprima include le seguenti funzionalità:

  • Esegui il deployment di app web composte 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): rendering completo del server on demand

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

Prima di iniziare

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

  • Firebase versione CLI 12.1.0 o successive. Assicurati di installare l'interfaccia a riga di comando utilizzando il metodo che preferisci.
  • (Facoltativo) Fatturazione abilitata nel progetto Firebase (obbligatorio se prevedi di utilizzare SSR)

Esegui il serving in locale

Puoi testare l'integrazione in locale seguendo questi passaggi:

  1. Esegui firebase emulators:start dal terminale. L'app viene creata e servita utilizzando l'interfaccia a riga di comando Firebase.
  2. Apri l'app web all'URL locale restituito dall'interfaccia a riga di comando (in genere 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 sito live:

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

Configura ambienti diversi

Puoi eseguire il deployment di più set di variabili di ambiente per diversi ambienti di progetto, come la gestione temporanea e la 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: