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 serveur géré et sécurisé.

L'assistance 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 site statique (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, 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: la facturation est activée dans votre projet Firebase (obligatoire si vous prévoyez d'utiliser le SSR)

Diffusion en local

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

  1. Exécutez firebase emulators:start à partir du terminal. Cela crée votre application et la diffuse à 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é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. Accédez à 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é de votre framework préféré: