获取我们在 Firebase 峰会上发布的所有信息,了解 Firebase 可如何帮助您加快应用开发速度并满怀信心地运行应用。了解详情

Intégrer les 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 for 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é. L'assistance pendant cette préversion inclut les fonctionnalités suivantes :

  • Déployer des applications Web composées de contenu Web statique
  • Déployez des applications Web qui utilisent le pré-rendu / la génération de site statique (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 bonnes ressources pour le framework Web que vous avez choisi.

Conditions préalables

  • Firebase CLI version 11.14.2 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 depuis le 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 configuré un).

Prochaines étapes

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