Intégrer des frameworks Web avec Hosting

Firebase Hosting s'intègre aux frameworks Web modernes populaires, 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é.

Pendant cette phase d'accès anticipé, vous pouvez bénéficier des 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, Server-Side Rendering) : rendu complet du serveur à la demande

Firebase fournit cette fonctionnalité via la CLI Firebase. 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 de votre choix.

Avant de commencer

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

  • Firebase CLI version 12.1.0 ou ultérieure. Veillez à installer la CLI en utilisant la méthode de votre choix.
  • (Facultatif) La facturation est activée dans votre projet Firebase (obligatoire si vous prévoyez d'utiliser le rendu côté serveur).

Diffuser en local

Pour tester votre intégration en local, procédez comme suit :

  1. Exécutez firebase emulators:start à partir du terminal. Cette commande crée votre application et la diffuse à l'aide de la CLI Firebase.
  2. Ouvrez votre application Web à l'URL locale renvoyée par l'interface de ligne de commande (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 sur votre domaine personnalisé, si vous en avez configuré un).

Étapes suivantes

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