Intégrer des frameworks Web avec Hosting

Firebase Hosting s'intègre aux frameworks Web modernes les plus courants, y compris Angular et Next.js. En utilisant Firebase Hosting et Cloud Functions for Firebase avec ces frameworks, vous pouvez développer des applications et des microservices dans l'environnement de framework de votre choix , puis les déployer dans un environnement de serveur géré et sécurisé.

La compatibilité pendant cette version Preview inclut les fonctionnalités suivantes :

  • Déployer des applications Web composées de contenu Web statique
  • Déployer des applications Web qui utilisent le prérendu / la génération de sites statiques (SSG)
  • Déployer des applications Web qui utilisent le rendu côté serveur (SSR) : rendu complet du serveur à la demande

Firebase fournit cette fonctionnalité via la Firebase CLI. Lorsque vous initialisez Hosting sur la ligne de commande, vous fournissez des informations sur votre projet Web nouveau ou existant, et la CLI configure les ressources appropriées pour le framework Web que vous avez choisi.

Avant de commencer

Avant de commencer à déployer votre application sur Firebase, consultez les exigences et les options suivantes :

  • Firebase CLI version 12.1.0 ou ultérieure. Veillez à installer la CLI à l'aide de la méthode de votre choix.
  • Facultatif : facturation activée dans votre projet Firebase (obligatoire si vous prévoyez d'utiliser le SSR)

Servir en local

Vous pouvez tester votre intégration en local en procédant comme suit :

  1. Exécutez firebase emulators:start à partir du terminal. Cela crée votre application et la diffuse à l'aide de la Firebase CLI.
  2. Ouvrez votre application Web à l'URL locale renvoyée par la CLI (généralement http://localhost:5000).

Déployer votre application sur Firebase Hosting

Lorsque vous êtes prêt à partager vos modifications avec le monde entier, déployez votre application sur votre site en ligne :

  1. Exécutez firebase deploy à partir du terminal.
  2. Consultez votre site Web sur SITE_ID.web.app ou PROJECT_ID.web.app (ou votre domaine personnalisé, si vous en avez configuré un).

Configurer différents environnements

Vous pouvez déployer plusieurs ensembles de variables d'environnement pour différents environnements de projet, tels que la préproduction et la production.

Comme Cloud Functions pour Firebase, cet outil est compatible avec le format de fichier dotenv pour charger les variables d'environnement spécifiées dans un fichier .env.

  • Si vous disposez d'un alias de projet staging, vous pouvez déployer des variables d'environnement à partir d'un fichier .env.staging.
  • Si vous disposez d'un alias de projet production, vous pouvez déployer des variables d'environnement à partir d'un fichier .env.production.
  • Si vous disposez d'un projet avec l'ID PROJECT_ID, vous pouvez déployer des variables d'environnement à partir d'un fichier .env.PROJECT_ID.

Pour obtenir un guide détaillé, consultez la documentation Cloud Functions.

Étapes suivantes

Consultez le guide détaillé pour le framework de votre choix :