Firebase Studio propose plusieurs options de publication. Vous pouvez ainsi choisir la méthode la plus adaptée aux besoins de votre projet. Voici un aperçu des options disponibles :
Firebase App Hosting : idéal pour publier des applications dynamiques Next.js et Angular, App Hosting offre une prise en charge intégrée des frameworks, une intégration GitHub et une intégration avec d'autres produits Firebase tels que Firebase Authentication, Cloud Firestore et Firebase AI Logic.
Si vous avez développé une application Next.js avec the App Prototyping agent, vous pouvez la publier directement depuis Firebase Studio en quelques clics.
Firebase Hosting: convient parfaitement à l'hébergement d'applications Web et de contenu Web statique (HTML, CSS, JavaScript, images et autres éléments statiques) et d'applications monopages. Firebase Hosting offre une diffusion rapide du contenu via un CDN mondial, des certificats SSL sans frais et une prise en charge des domaines personnalisés.
Si vous avez développé une application Web statique ou monopage dans Firebase Studio, vous pouvez la publier directement depuis Firebase Studio en demandant Gemini de la publier.
Cloud Run: utilisez Cloud Run pour déployer des applications en conteneur. Il s'agit d'un bon choix pour publier des applications évolutives et portables qui peuvent s'exécuter sur n'importe quelle plate-forme.
Autres options de déploiement : déployez-vous sur la solution d’hébergement de votre choix, y compris d’autres plates-formes ou votre propre serveur.
Publier et surveiller votre application avec Firebase App Hosting
Une fois que vous avez testé votre application et que vous en êtes satisfait dans votre espace de travail, vous pouvez la publier sur le Web avec Firebase App Hosting.
Lorsque vous configurez App Hosting, Firebase Studio crée un projet Firebase pour vous (si aucun n'a déjà été créé en générant automatiquement une clé Gemini API ou d'autres services de backend) et vous guide pour associer un compte Cloud Billing.
Pour publier votre application :
Cliquez sur Publier pour configurer votre projet Firebase et publier votre application. Le volet Publier votre application s'affiche.
À l'étape Projet Firebase, le App Prototyping agent affiche le projet Firebase associé à l'espace de travail. Si aucun projet Firebase n'existe déjà, le App Prototyping agent en crée un nouveau pour vous. Cliquez sur Suivant pour continuer.
À l'étape Associer un compteCloud Billing, choisissez l'une des options suivantes :
Sélectionnez le compte Cloud Billing que vous souhaitez associer à votre projet Firebase.
Si vous ne disposez pas de compte Cloud Billing ou si vous souhaitez en créer un, cliquez sur Créer un compte Cloud Billing. La console Google Cloud s'ouvre, ce qui vous permet de créer un compte en libre-service Cloud Billing. Une fois le compte créé, revenez à Firebase Studio et sélectionnez le compte dans la liste Link Cloud Billing.
Cliquez sur Suivant. Firebase Studio associe le compte de facturation au projet associé à votre espace de travail, créé lorsque vous avez généré automatiquement une Gemini API clé ou lorsque vous avez cliqué sur Publier.
Cliquez sur Configurer les services. Le App Prototyping agent commence à provisionner les services Firebase.
Cliquez sur Publier maintenant. Firebase Studio configure les services Firebase puis lance le déploiement App Hosting. Cette opération peut prendre plusieurs minutes. Pour en savoir plus sur ce qui se passe en arrière-plan, consultez Le processus de compilation.App Hosting
Une fois l'étape de publication terminée, la Présentation de l'application s'affiche avec une URL et des insights sur l'application fournis par App Hosting observabilité. Pour utiliser un domaine personnalisé (tel que example.com ou app.example.com) au lieu du domaine généré par Firebase, vous pouvez ajouter un domaine personnalisé dans la console Firebase.
Pour en savoir plus sur App Hosting, consultez Comprendre App Hosting et son fonctionnement.
(Cloud Firestore uniquement) Ajouter des index et vérifier les règles de sécurité en production
Une fois la publication terminée et votre application déployée sur Firebase, Cloud Firestore et Firebase Authentication sont prêts à être testés en production.
Générer des index pour votre Cloud Firestore base de données
Lorsque vous déployez votre application sur Cloud Firestore, les index ne sont pas générés automatiquement. Cela signifie qu'après la publication, vous devrez peut-être générer des index pour vos requêtes.
Vous pouvez voir cela apparaître dans des messages d'erreur ou dans la console pour les développeurs de votre navigateur .
Pour générer des index après la publication :
À partir d'une application publiée : dans le volet Présentation de l'application (cliquez sur Publier s'il n'est pas visible), recherchez le lien Accéder à votre application et cliquez dessus.
À partir de l'Firebase Studio aperçu : ouvrez la console pour les développeurs de votre navigateur et recherchez le message d'erreur 200 généré par Cloud Firestore génère.
Testez tous les flux de votre application. Une erreur peut s'afficher, par exemple "Erreur lors du chargement des recettes. La requête nécessite un index. Vous pouvez le créer ici :" avec un lien vers la Firebase console.
Suivez le lien pour accéder à la Firebase console. Un index recommandé s'affiche.
Cliquez sur Enregistrer pour accepter l'index recommandé.
Revenez à votre application et rechargez la page.
Continuez à tester tous les flux de votre application pour ajouter des index si nécessaire.
Pour en savoir plus, consultez Gérer les index dans Cloud Firestore.
Afficher les données Cloud Firestore et Firebase Authentication dans la console Firebase
Vous pouvez afficher les données en direct de votre application dans la Firebase console après la publication.
Pour afficher votre base de données Cloud Firestore en direct, ouvrez la console Firebase et sélectionnez Créer > Base de données Firestore dans le menu de navigation.
Vous pouvez inspecter les données stockées, afficher et tester vos règles de sécurité, et créer des index. Pour en savoir plus, consultez Cloud Firestore.
Pour afficher vos données Firebase Authentication en direct, ouvrez la Firebase console et sélectionnez Créer > Authentification dans le menu de navigation.
Vous pouvez inspecter votre configuration d'authentification et les utilisateurs de votre application. Pour en savoir plus, consultez Firebase Authentication.
Tester les règles Cloud Firestore en production
Après avoir publié votre application, vous devez tester à nouveau vos règles de sécurité Cloud Firestore dans votre environnement de production. Cela permet de s'assurer que vos données sont accessibles aux utilisateurs autorisés et protégées contre tout accès non autorisé.
Vous pouvez tester vos règles à l'aide des méthodes suivantes :
Test d'application : interagissez avec votre application déployée, en effectuant des opérations qui déclenchent différents modèles d'accès aux données (lectures, écritures, suppressions) pour différents rôles ou états d'utilisateur. Ces tests en conditions réelles permettent de vérifier que vos règles sont correctement appliquées en pratique.
Espace de test dédié aux règles : pour des vérifications ciblées, utilisez l'Espace de test dédié aux règles dans la console Firebase. Cet outil vous permet de simuler des requêtes (lectures, écritures, suppressions) sur votre Cloud Firestore base de données à l'aide de vos règles de production. Vous pouvez spécifier l'état d'authentification de l'utilisateur, le chemin d'accès aux données et le type d'opération pour voir si vos règles autorisent ou refusent l'accès comme prévu.
Tests unitaires : pour des tests plus complets, vous pouvez écrire des tests unitaires pour vos règles de sécurité. Le backend de l'aperçu Firebase Studio, optimisé par Firebase Local Emulator Suite, vous permet d'exécuter ces tests localement, en simulant le comportement de vos règles de production. Il s'agit d'un moyen fiable de vérifier la logique des règles complexes et de confirmer la couverture pour différents scénarios. Après le déploiement, vous devez vérifier que vos tests unitaires utilisant l'émulateur fonctionnent comme prévu et couvrent tous les scénarios.
Surveiller votre application avec l'observabilité App Hosting
Le panneau Présentation de l'application dans Firebase Studio fournit des métriques et des informations clés sur votre application, ce qui vous permet de surveiller les performances de votre application Web à l'aide des outils d'observabilité intégrés de App Hosting. Une fois votre site déployé, vous pouvez accéder à la présentation en cliquant sur Publier. Dans ce panneau, vous pouvez :
- Cliquez sur Publier pour publier une nouvelle version de votre application.
- Partagez le lien vers votre application ou ouvrez-la directement dans Accéder à votre application.
- Consultez un résumé des performances de votre application au cours des sept derniers jours, y compris le nombre total de requêtes et l'état de votre dernier déploiement. Cliquez sur Afficher les détails pour accéder à encore plus d'informations dans la Firebase console.
- Affichez un graphique du nombre de requêtes reçues par votre application au cours des dernières 24 heures, ventilées par code d'état HTTP.
- Affichez l'état d'activation des services Firebase tels que Firebase Authentication et Cloud Firestore.
Si vous fermez le panneau "Présentation de l'application", vous pouvez le rouvrir à tout moment en cliquant sur Publier.
Pour en savoir plus sur la gestion et la surveillance des déploiements App Hosting, consultez Gérer les déploiements et les versions.
Restaurer votre site App Hosting
Si vous avez déployé des versions successives de votre application sur App Hosting, vous pouvez la restaurer à l'une des versions précédentes. Vous pouvez également la supprimer.
Pour restaurer un site publié :
Recherchez le backend de votre application, cliquez sur Afficher, puis sur Déploiements.
À côté du déploiement que vous souhaitez restaurer, cliquez sur Plus , puis sélectionnez Restaurer cette compilation et confirmez.
Pour en savoir plus, consultez Gérer les déploiements et les versions.
Pour supprimer votre domaine App Hosting du Web :
Dans la console Firebase, ouvrez App Hosting, puis cliquez sur Afficher dans la section de l'application Firebase Studio.
Dans la section Informations sur le backend, cliquez sur Gérer. La page Domaines se charge.
À côté de votre domaine, cliquez sur Plus , puis sélectionnez Désactiver le domaine, et confirmez.
Votre domaine est supprimé du Web. Pour supprimer complètement votre App Hosting backend, suivez les instructions de la section Supprimer un backend.
Firebase Hosting
Vous pouvez publier des applications Web statiques et monopages sur Firebase Hosting depuis votre Firebase Studio espace de travail.
Si vous ne disposez pas des autorisations de projet Firebase requises, demandez à un propriétaire de projet Firebase de vous attribuer le rôle applicable sur la page "Utilisateurs et autorisationsFirebase" de la console Firebase. Si vous avez des questions sur l'accès à votre projet Firebase, y compris sur la recherche ou l'attribution d'un propriétaire, consultez Autorisations et accès aux projets Firebase.
Publier avec l'aide de Gemini
Dans la discussion avec Gemini, saisissez une invite telle que "Publier mon application."
Gemini vous guide tout au long des étapes nécessaires. Cela peut inclure la création d'un projet Firebase et l'enregistrement de votre application si vous ne l'avez pas déjà fait.
Publier à partir du panneau Firebase Studio
Firebase Hosting est optimisé pour les sites statiques et les applications monopages. Si votre projet contient du contenu dynamique, Gemini peut ne pas lancer le flux de publication. Si cela se produit, mais que vous souhaitez toujours utiliser Firebase Hosting, publiez votre projet à partir du panneau Firebase Studio :
Si ce n'est pas déjà fait, créez un projet Firebase et enregistrez votre application.
Ouvrez votre Firebase Studio espace de travail.
- Si vous utilisez le App Prototyping agent, cliquez sur
Passer au code pour ouvrir la vue Code.
- Si vous utilisez le App Prototyping agent, cliquez sur
Dans le volet de navigation, cliquez sur l'icône Firebase Studio pour ouvrir le panneau, puis développez la section Firebase Hosting.
Cliquez sur Authentifier Firebase et suivez les invites de la fenêtre du terminal pour authentifier votre compte Firebase.
Cliquez sur Initialiser Firebase Hosting et suivez les invites de la fenêtre du terminal pour configurer votre configuration de déploiement.
Pour déployer votre application, cliquez sur Déployer en production ou Déployer sur le canal dans la section Firebase Hosting du Firebase Studio panneau.
Cloud Run
Avant de déployer votre application à l'aide de Cloud Run, assurez-vous de configurer un Google Cloud projet et d'activer Cloud Billing.
Ouvrez votre Firebase Studio espace de travail. Si vous utilisez le App Prototyping agent, cliquez sur
Passer au code pour ouvrir la vue Code.Cliquez sur l'icône Firebase Studio dans le volet de navigation pour ouvrir le panneau Firebase Studio, puis cliquez sur Déployer sur Cloud Run.
Sélectionnez Autoriser cet espace de travail à accéder aux Google Cloud ressources à l'aide de mon compte Google , puis sélectionnez un projet Google Cloud pour lequel la facturation est activée dans les fenêtres de dialogue.
Cliquez sur Authentifier dans la section Cloud Run du Firebase Studio panneau, puis suivez les invites pour vous authentifier.
Cliquez sur Déployer et suivez les invites pour configurer votre configuration de déploiement et déployer votre application.