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:
- Esegui
firebase emulators:start
dal terminale. In questo modo, viene creata l'app e viene eseguita utilizzando l'interfaccia a riga di comando Firebase. - 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:
- Esegui
firebase deploy
dal terminale. - Controlla il tuo sito web su:
SITE_ID.web.app
oPROJECT_ID.web.app
(o sul tuo dominio personalizzato, se ne hai configurato uno).
Passaggi successivi
Consulta la guida dettagliata per il tuo framework preferito: