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

L'assistenza 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), ovvero il rendering completo del server on demand

Firebase fornisce questa funzionalità tramite l'interfaccia a riga di comando Firebase. Quando esegui l'inizializzazione di Hosting sulla 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 l'interfaccia a riga di comando utilizzando il metodo che preferisci.
  • (Facoltativo) Fatturazione abilitata nel progetto Firebase (obbligatorio se prevedi di utilizzare SSR)

Pubblicare localmente

Per testare l'integrazione localmente, segui questi passaggi:

  1. Esegui firebase emulators:start dal terminale. In questo modo, viene creata l'app e viene eseguita utilizzando l'interfaccia a riga di comando 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 sito attivo:

  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 tuo framework preferito: