Ajouter un bouton "Ouvrir dans Firebase Studio"

Avec Firebase Studio, vous pouvez simplifier les étapes à suivre pour qu'une personne qui découvre votre codebase puisse configurer son environnement de développement et devenir productive.

Exemple :

  • Si vous travaillez en équipe avec d'autres contributeurs, vous pouvez personnaliser votre environnement précisément pour votre projet, puis valider votre fichier .idx/dev.nix dans le dépôt Git de votre projet. Ainsi, lorsqu'un membre de votre équipe importera votre dépôt Git dans Firebase Studio, son nouvel espace de travail aura exactement la même configuration que le vôtre, avec les mêmes packages système, extensions d'IDE, scripts de démarrage, etc.

  • Si vous créez un framework ou une bibliothèque pour que d'autres utilisateurs puissent les utiliser, vous pouvez inclure un fichier .idx/dev.nix dans vos dépôts d'exemples de code. Ainsi, lorsqu'un utilisateur importe vos exemples dans Firebase Studio, il peut ignorer la configuration de l'environnement et passer directement à l'essai de votre framework. Vous pouvez même créer votre propre modèle personnalisé comme point de départ personnalisable pour vos utilisateurs.

Une fois que vous êtes satisfait des personnalisations de votre environnement, vous pouvez permettre à d'autres utilisateurs d'importer plus facilement votre projet dans Firebase Studio en ajoutant un bouton"Ouvrir dans Firebase Studio" à votre documentation, comme le fichier README.md de votre projet.

Points d'entrée courants "Ouvrir dans Firebase Studio"

Plusieurs formats d'URL sont disponibles pour un bouton "Ouvrir dans Firebase Studio" :

  • Pour créer un lien vers le flux Importer un dépôt Git, prérempli avec l'URL de votre dépôt Git, utilisez ce modèle d'URL :

    https://studio.firebase.google.com/import?url=https://github.com/my-org/my-repo

    Pour le moment, seuls les dépôts GitHub (privés et publics) sont acceptés.

  • Pour créer un lien vers un modèle d'espace de travail prédéfini, recherchez le modèle qui vous intéresse sur la page Modèles de Firebase Studio, puis copiez son URL, qui doit suivre ce modèle :

    https://studio.firebase.google.com/new/gemini

  • Pour créer un lien vers un modèle personnalisé prérempli avec l'URL GitHub de votre modèle, utilisez ce modèle d'URL :

    https://studio.firebase.google.com/new?template=https://github.com/my-org/my-template

  • Pour ouvrir App Prototyping agent avec une requête préremplie, utilisez ce modèle d'URL :

    https://studio.firebase.google.com/?prototypePrompt=Create an app that transforms sketches into a high-quality photograph with Gemini

Ajouter un bouton "Ouvrir dans Firebase Studio"

Installez le SDK Ouvrir dans Firebase Studio ou utilisez cet outil pour générer le code HTML d'un bouton Firebase Studio :