Intégrer des frameworks Web avec l'hébergement

Firebase Hosting s'intègre aux frameworks Web modernes populaires, notamment Angular et Next.js. En utilisant Firebase Hosting et Cloud Functions pour Firebase avec ces frameworks, vous pouvez développer des applications et des microservices dans votre environnement de framework préféré, puis les déployer dans un environnement de serveur géré et sécurisé.

La prise en charge lors de cette première version préliminaire 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éployez des applications Web qui utilisent le rendu côté serveur (SSR) : rendu complet du serveur à la demande

Firebase fournit cette fonctionnalité via la CLI Firebase. Lors de l'initialisation de l'hébergement 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 choisi.

Avant que tu commences

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

  • Firebase CLI version 12.1.0 ou ultérieure. Assurez-vous d' installer la CLI en utilisant votre méthode préférée.
  • Facultatif : facturation activée sur votre projet Firebase (obligatoire si vous prévoyez d'utiliser SSR)

Servir localement

Vous pouvez tester votre intégration localement en suivant ces étapes :

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

Déployez 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. Vérifiez votre site Web sur : SITE_ID.web.app ou PROJECT_ID.web.app (ou votre domaine personnalisé, si vous en avez créé un).

Prochaines étapes

Consultez le guide détaillé de votre framework préféré :