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 du framework, une intégration GitHub et une intégration avec d'autres produits Firebase tels que Firebase Authentication, Cloud Firestore et Vertex AI in Firebase.

    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 contenus Web statiques (HTML, CSS, JavaScript, images et autres éléments statiques) et d'applications monopages. Firebase Hosting permet de diffuser du contenu rapidement via un CDN mondial, de bénéficier de certificats SSL sans frais et de prendre en charge les domaines personnalisés.

  • Cloud Run:utilisez Cloud Run pour déployer des applications conteneurisées. Il est particulièrement adapté à la publication d'applications portables et évolutives pouvant s'exécuter sur n'importe quelle plate-forme.

  • Autres options de déploiement:déployez 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

Si vous créez une application avec App Prototyping agent, vous pouvez la publier sur Firebase App Hosting directement depuis Firebase Studio.

Publier votre application avec App Hosting

Lorsque vous configurez App Hosting, Firebase Studio crée un projet Firebase pour vous et vous explique comment associer un compte Cloud Billing.

Pour publier votre application sur Firebase App Hosting:

  1. Cliquez sur Publier pour créer un projet Firebase et commencer la configuration de App Hosting. Le volet Publier votre application s'affiche.

  2. À l'étape Projet Firebase, notez le nom du projet Firebase créé pour vous, puis cliquez sur Suivant.

  3. À l'étape Associer un compte Cloud Billing, sélectionnez l'une des options suivantes:

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

    • Si vous ne possédez 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 à 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. App Hosting configure ensuite un environnement entièrement géré pour votre application dans Google Cloud.

  5. Cliquez sur Créer votre premier déploiement. Firebase Studio lance le déploiement de App Hosting. Cette opération peut prendre jusqu'à dix minutes. Pour en savoir plus sur ce qui se passe en coulisses, consultez la section Processus de compilation App Hosting.

  6. Une fois le déploiement terminé, la page Vue d'ensemble de l'application s'affiche avec une URL et des insights sur l'application optimisés 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.

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

Surveiller votre application avec l'observabilité App Hosting

Le panneau Vue d'ensemble de l'application de App Hosting 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 vue d'ensemble en cliquant sur Publier. Dans ce panneau, vous pouvez:

  • Cliquez sur Créer un déploiement 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 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.

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 la page 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 la rétablir à l'une des versions précédentes. Vous pouvez également la supprimer.

  • Pour annuler la publication d'un site:

    1. Ouvrez App Hosting dans la console Firebase.

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

    3. À côté du déploiement auquel vous souhaitez revenir, cliquez sur Plus , puis sélectionnez Revenir à ce build 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 Domains (Domaines) s'affiche.

    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 sur Firebase Hosting depuis votre espace de travail Firebase Studio. Avant de publier une application Web sur Firebase Hosting, créez un projet Firebase et enregistrez votre application.

Si vous ne disposez pas des autorisations requises pour le projet Firebase, vous pouvez demander au propriétaire du projet Firebase de vous attribuer le rôle approprié sur la page FirebaseUtilisateurs et autorisations de la console. 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.

Pour déployer votre application sur Firebase Hosting à partir de Firebase Studio:

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

  2. Cliquez sur l'icône Firebase Studio dans le volet de navigation pour ouvrir le panneau Firebase Studio et développer la section Firebase Hosting.

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

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

  5. 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 Icône du bouton Code Passer au code pour ouvrir la vue Code.

  2. 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.

  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, puis suivez les instructions pour vous authentifier.

  5. Cliquez sur Déployer, puis suivez les instructions pour configurer votre configuration de déploiement et déployer votre application.

Étapes suivantes