Publier votre application avec Firebase Studio

Firebase Studio propose plusieurs options de publication, ce qui vous permet de choisir la méthode qui répond le mieux 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 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 permet de diffuser du contenu rapidement grâce à un CDN mondial, des certificats SSL sans frais et la 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 dans Firebase 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 pouvant s'exécuter sur n'importe quelle plate-forme.

• Autres options de déploiement : déployez votre application 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 qu'elle vous convient dans votre espace de travail, vous pouvez la publier sur le Web avec Firebase App Hosting.

Important : Firebase App Hosting nécessite un compte Cloud Billing. Lorsque vous associez un compte de facturation à un projet Firebase, celui-ci est automatiquement mis à niveau vers le forfait Blaze avec paiement à l'usage. Votre utilisation de Gemini API et d'autres services Firebase et Google Cloud est également mise à niveau vers le niveau payant. Vous serez facturé pour l'utilisation des services payants qui dépassent le quota sans frais. Pour en savoir plus, consultez Comprendre les coûts de App Hosting, Tarification Firebase et Tarification de l'API Developer Gemini.

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 :

1. Cliquez sur Publier pour configurer votre projet Firebase et publier votre application. Le volet Publier votre application s'affiche.

   Important : Si vous n'avez pas généré automatiquement une Gemini API clé ou invité App Prototyping agent à créer un projet Firebase, Firebase Studio provisionne un projet Firebase en votre nom lorsque vous cliquez sur Publier. Pour accéder au projet Firebase, cliquez sur son nom en haut de la page.

2. À l'étape Projet Firebase, App Prototyping agent affiche le projet Firebase associé à l'espace de travail. Si aucun projet Firebase n'existe déjà, App Prototyping agent en crée un pour vous. Cliquez sur Suivant pour continuer.

3. À l'étape Associer le compte Cloud Billing, choisissez l'une des options suivantes :

   • Sélectionnez le compte Cloud Billing que vous souhaitez associer à votre projet Firebase.

   • Si vous n'avez 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, dans laquelle vous pouvez créer un compte Cloud Billing en libre-service. Une fois le compte créé, revenez sur Firebase Studio et sélectionnez-le dans la liste Associer Cloud Billing.

4. 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 clé Gemini API ou lorsque vous avez cliqué sur Publier.

   Important : Firebase App Hosting nécessite un compte Cloud Billing. Lorsque vous associez un compte de facturation à un projet Firebase, celui-ci est automatiquement mis à niveau vers le forfait Blaze avec paiement à l'usage. Votre utilisation de Gemini API et d'autres services Firebase et Google Cloud est également mise à niveau vers le niveau payant. Vous serez facturé pour l'utilisation des services payants qui dépassent le quota sans frais. Pour en savoir plus, consultez Comprendre les coûts de App Hosting, Tarification Firebase et Tarification de l'API Gemini.

5. Cliquez sur Configurer les services. L'agent de prototypage d'applications commence à provisionner les services Firebase.

6. 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 Processus de compilation App Hosting.

   Conseil : Si vous ne souhaitez pas publier votre vidéo maintenant, vous pouvez cliquer sur Publier plus tard.

7. Une fois l'étape de publication terminée, l'aperçu de l'application s'affiche avec une URL et des insights sur l'application fournis par l'observabilité App Hosting. Pour utiliser un domaine personnalisé (comme 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.

Conseil : Si vous recevez des messages d'erreur lors de la publication, consultez J'ai reçu le message d'erreur "Échec de la publication de l'application" après la publication pour savoir comment trouver et corriger les erreurs de publication.

Pour en savoir plus sur App Hosting, consultez Comprendre App Hosting et son fonctionnement.

(Cloud Firestore uniquement) 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.

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 console Firebase après la publication.

• Pour afficher votre base de données Cloud Firestore en direct, ouvrez la console Firebase et sélectionnez Build > Firestore Database (Créer > Base de données Firestore) dans le menu de navigation.

  Vous pouvez y 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 console Firebase et sélectionnez Build > Authentication (Créer > Authentification) dans le menu de navigation.

  Vous pouvez y 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 les 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 base de données Cloud Firestore à 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.

  Remarque : Lorsque vous déployez des règles de sécurité lors du processus de publication ou avec la CLI Firebase, les règles définies dans le répertoire de votre projet remplacent toutes les règles existantes dans la console Firebase. Si vous choisissez de définir ou de modifier les règles de sécurité dans la console Firebase, n'oubliez pas de reporter également ces modifications dans les règles définies au niveau de votre répertoire de projet.

• Tests unitaires : pour des tests plus complets, vous pouvez écrire des tests unitaires pour vos règles de sécurité. Le backend d'aperçu Firebase Studio fourni par Firebase Local Emulator Suite vous permet d'exécuter ces tests en local, en simulant le comportement de vos règles de production. Il s'agit d'un moyen efficace de vérifier la logique complexe des règles 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 à l'aperçu en cliquant sur Publier. Depuis ce panneau, vous pouvez :

• Cliquez sur Publier pour lancer une nouvelle version de votre application.
• Partagez le lien vers votre application ou ouvrez-la directement dans Accéder à votre application.
• Consultez un récapitulatif 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 console Firebase.
• 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 "Aperçu 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.

Rétablir votre site App Hosting

Si vous avez déployé des versions successives de votre application sur App Hosting, vous pouvez effectuer un rollback vers l'une des versions antérieures. Vous pouvez également la supprimer.

• Pour rétablir une version publiée d'un site :

  1. Ouvrez App Hosting dans la console Firebase.

  2. Localisez le backend de votre application, cliquez sur Afficher, puis sur Déploiements.

  3. À côté du déploiement vers lequel vous souhaitez revenir, cliquez sur Plus , puis sélectionnez Revenir à cette version et confirmez.

  Pour en savoir plus, consultez Gérer les déploiements et les versions.

• Pour supprimer votre domaine App Hosting du Web :

  1. Dans la console Firebase, ouvrez App Hosting, puis cliquez sur Afficher dans la section de l'application Firebase Studio.

  2. Dans la section Informations sur le backend, cliquez sur Gérer. La page Domaines se charge.

  3. À côté de votre domaine, cliquez sur Plus , puis sélectionnez Désactiver le domaine et confirmez.

  Votre domaine sera alors supprimé du Web. Pour supprimer complètement votre backend App Hosting, 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 espace de travail Firebase Studio.

Si vous ne disposez pas des autorisations requises pour le projet Firebase, demandez à un propriétaire du projet Firebase de vous attribuer le rôle applicable sur la page Utilisateurs et autorisations de la console Firebase. Si vous avez des questions sur l'accès à votre projet Firebase, y compris sur la façon de trouver ou d'attribuer un propriétaire, consultez Autorisations et accès aux projets Firebase.

Remarque : Contrairement à Firebase App Hosting, un compte de facturation Cloud n'est pas nécessaire pour configurer Firebase Hosting.

Publier avec Gemini dans Firebase

1. Dans le chat Gemini de Firebase, saisissez une requête telle que "Publie mon application".

2. Gemini dans Firebase vous guide tout au long du processus. 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.

Conseil : Si le processus de publication échoue, saisissez à nouveau l'invite "Publier mon application" pour réessayer.

Publier depuis le panneau Firebase Studio

Firebase Hosting est optimisé pour les sites statiques et les applications monopages. Si votre projet contient du contenu dynamique, il est possible que Gemini dans Firebase n'initie pas le processus de publication. Si cela se produit, mais que vous souhaitez toujours utiliser Firebase Hosting, publiez votre projet depuis le panneau Firebase Studio :

1. Si vous ne l'avez pas déjà fait, créez un projet Firebase et enregistrez votre application.

2. Ouvrez votre espace de travail Firebase Studio.

   • Si vous utilisez App Prototyping agent, cliquez sur Passer au code pour ouvrir la vue Code.

3. Dans le volet de navigation, cliquez sur l'icône Firebase Studio pour ouvrir le volet, puis développez la section Firebase Hosting.

4. Cliquez sur Authentifier Firebase, puis suivez les instructions dans la fenêtre du terminal pour authentifier votre compte Firebase.

5. Cliquez sur Initialize Firebase Hosting (Initialiser Firebase Hosting), puis suivez les instructions dans la fenêtre du terminal pour configurer votre configuration de déploiement.

6. Pour déployer votre application, cliquez sur Déployer en production ou sur Déployer sur la chaîne dans la section Firebase Hosting du panneau Firebase Studio.

Cloud Run

Avant de déployer à l'aide de Cloud Run, assurez-vous de configurer un projet Google Cloud et d'activer Cloud Billing.

1. Ouvrez votre espace de travail Firebase Studio. Si vous utilisez App Prototyping agent, cliquez sur Passer au code pour ouvrir la vue Code.

2. Cliquez sur l'icône Firebase Studio dans le panneau de navigation pour ouvrir le panneau Firebase Studio, puis cliquez sur Déployer sur Cloud Run.

3. Sélectionnez Autoriser cet espace de travail à accéder aux ressources Google Cloud à l'aide de mon compte Google, puis sélectionnez un projet Google Cloud avec la facturation activée dans les boîtes de dialogue.

4. Cliquez sur Authentifier dans la section Cloud Run du panneau Firebase Studio et suivez les instructions pour vous authentifier.

5. Cliquez sur Deploy (Déployer) et suivez les instructions pour configurer votre déploiement et déployer votre application.

Étapes suivantes

• En savoir plus sur les intégrations Firebase