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. Utilisation de Firebase Hosting et Cloud Functions for Firebase avec ces vous pouvez développer des applications et des microservices dans le framework de votre choix Google Cloud, puis les déployer dans un environnement de serveur géré et sécurisé.

L'assistance pendant cette version preview anticipée 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éaffichage / la génération de sites statiques
  • Déployer des applications Web qui utilisent le rendu côté serveur (SSR, server-side rendering) : rendu serveur complet à la demande

Firebase fournit cette fonctionnalité via la CLI Firebase. Lors de l'initialisation Hosting sur la ligne de commande, vous fournissez des informations sur vos nouvelles et la CLI configurent les ressources appropriées pour le Web d'infrastructure.

Avant de commencer

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

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

Servir localement

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 CLI Firebase.
  2. Ouvrez votre application Web à l'adresse 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. Vérifiez votre site Web sur SITE_ID.web.app ou PROJECT_ID.web.app (ou votre domaine personnalisé, le cas échéant).

Étapes suivantes

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