Ajouter un bouton "Ouvrir dans Firebase Studio"
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
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 et orienté 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 :
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2025/07/25 (UTC).
[null,null,["Dernière mise à jour le 2025/07/25 (UTC)."],[],[],null,["With Firebase Studio, you can simplify the steps for someone new to\nyour codebase to set up their development environment and get productive.\n\nFor example:\n\n- If you're **working on a team with other contributors** , you can\n [customize your environment](/docs/studio/customize-workspace)\n precisely for your project and then commit your `.idx/dev.nix` file to\n your project's Git repository. That way, when a teammate imports your\n Git repository in Firebase Studio, their new workspace will have\n the exact same configuration as yours, complete with the same system\n packages, IDE extensions, starter scripts, and more.\n\n- If you're **building a framework or library** for others to use, you\n can include a `.idx/dev.nix` file in your sample code repositories, so\n that when a user imports your samples into Firebase Studio, they\n can skip the environment setup and jump straight into trying out your\n framework. You can even [build your own, custom\n template](/docs/studio/custom-templates) as an opinionated,\n customizable starting point for your users.\n\nAfter you're happy with your environment customizations, you can make it\neven easier for others to import your project into Firebase Studio by\nadding an \"Open in Firebase Studio\" button to your documentation, such\nas your project's `README.md` file.\n\nCommon \"Open in Firebase Studio\" entry points\n\nThere are several URL patterns available for an \"Open in\nFirebase Studio\" button:\n\n- To link to the **import a Git repository** flow, prefilled with your Git\n repository URL, use this URL pattern:\n\n https://studio.firebase.google.com/import?url=https://github.com/my-org/my-repo\n\n At this time, only GitHub repositories are supported (both private and\n public).\n- To link to a **predefined workspace template** , find the template\n you're looking for in the\n [Templates](https://studio.firebase.google.com/templates) page in\n Firebase Studio, and copy its URL, which should follow this URL pattern:\n\n https://studio.firebase.google.com/new/gemini\n\n- To link to a **custom template**, prefilled with your template's GitHub URL,\n use this URL pattern:\n\n https://studio.firebase.google.com/new?template=https://github.com/my-org/my-template\n\n- To open the App Prototyping agent with a pre-filled prompt, use this URL\n pattern:\n\n https://studio.firebase.google.com/?prototypePrompt=Create an app that transforms sketches into a high-quality photograph with Gemini\n\nAdd an \"Open in Firebase Studio\" button\n\nInstall the [Open in Firebase Studio\nSDK](https://www.npmjs.com/package/@firebase-studio/open-sdk) or\nuse this tool to generate the HTML for a Firebase Studio button:"]]
