Integra framework web con Hosting

Firebase Hosting si integra con i framework web moderni e popolari, tra cui Angular e Next.js. Utilizzo di Firebase Hosting e Cloud Functions for Firebase con queste funzionalità puoi sviluppare app e microservizi nel tuo framework preferito per 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), con rendering completo del server on demand

Firebase fornisce questa funzionalità tramite l'interfaccia a riga di comando Firebase. Durante l'inizializzazione Hosting nella riga di comando, fornisci informazioni sulle app nuove o esistenti il progetto web e l'interfaccia a riga di comando configurano le risorse giuste per il Web che hai scelto il modello di machine learning.

Prima di iniziare

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

  • Interfaccia a riga di comando di Firebase versione 12.1.0 o successive. Assicurati di installa l'interfaccia a riga di comando utilizzando il metodo che preferisci.
  • (Facoltativo) Fatturazione attivata sul progetto Firebase (obbligatorio se prevedi di utilizzare SSR)

Pubblicazione locale

Per testare l'integrazione localmente:

  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 dall'interfaccia a riga di comando (di solito http://localhost:5000).

Esegui il deployment dell'app su Firebase Hosting

Quando è tutto pronto per condividere le tue modifiche con il mondo, esegui il deployment dell'app nel tuo sito pubblicato:

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

Passaggi successivi

Consulta la guida dettagliata per il tuo framework preferito: