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 compatibilité intégrée avec les frameworks, l'intégration de GitHub et l'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), ainsi qu'aux 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.

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

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

  2. À l'étape Projet Firebase, App Prototyping agent affiche le projet Firebase associé à l'espace de travail. Si aucun projet n'a été créé lors de la génération de la clé Gemini API, un nouveau projet sera créé 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.

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

  7. Une fois l'étape de publication terminée, la page Présentation 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.

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

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.

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 est 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 à 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.

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 de l'interrupteur de code Passer à la vue 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 développez 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 Initialize Firebase Hosting (Initialiser Firebase Hosting), puis suivez les instructions dans la fenêtre du terminal pour configurer votre 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 de l'interrupteur de code Passer à la vue 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