Adicionar um botão "Abrir no Firebase Studio"
Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
Com o Firebase Studio, é possível simplificar as etapas para que alguém novo na sua base de código configure o ambiente de desenvolvimento e comece a trabalhar.
Exemplo:
Se você trabalha em uma equipe com outros colaboradores, personalize seu ambiente exatamente para o projeto e depois faça commit do arquivo .idx/dev.nix
no repositório Git do projeto. Dessa forma, quando um colega de equipe importar esse repositório Git no Firebase Studio, o novo espaço de trabalho terá a mesma configuração que o seu, com os mesmos pacotes de sistema, extensões do ambiente de desenvolvimento integrado, scripts de inicialização e mais.
Se você for criar um framework ou uma biblioteca para que outras pessoas usem, inclua um arquivo .idx/dev.nix
nos repositórios de exemplo de código. Assim, quando um usuário importar seus exemplos no Firebase Studio, ele poderá pular a configuração do ambiente e testar diretamente o framework. É possível até criar seu próprio modelo personalizado como um ponto de partida personalizável e opinativo para os usuários.
Se ficar contente com as personalizações do ambiente, facilite ainda mais a importação do projeto para o Firebase Studio adicionando um botão "Abrir no Firebase Studio" à documentação, como o arquivo README.md
do projeto.
Pontos de entrada comuns de "Abrir no Firebase Studio"
Há vários padrões de URL disponíveis para um botão "Abrir no Firebase Studio":
Para vincular ao fluxo importar um repositório Git, preenchido com o URL do seu repositório Git, use este padrão de URL:
https://studio.firebase.google.com/import?url=https://github.com/my-org/my-repo
No momento, apenas os repositórios GitHub (privados e públicos) são aceitos.
Para vincular a um modelo de espaço de trabalho predefinido, encontre o modelo que está procurando na página Modelos no Firebase Studio e copie o URL dele, que segue este padrão:
https://studio.firebase.google.com/new/gemini
Para vincular a um modelo personalizado, preenchido com o URL do GitHub do seu modelo, use este padrão de URL:
https://studio.firebase.google.com/new?template=https://github.com/my-org/my-template
Para abrir o App Prototyping agent com uma solicitação preenchida, use este padrão
de URL:
https://studio.firebase.google.com/?prototypePrompt=Create an app that transforms sketches into a high-quality photograph with Gemini
Adicionar um botão "Abrir no Firebase Studio"
Instale o SDK Abrir no Firebase Studio ou use esta ferramenta para gerar o HTML de um botão do Firebase Studio:
Exceto em caso de indicação contrária, o conteúdo desta página é licenciado de acordo com a Licença de atribuição 4.0 do Creative Commons, e as amostras de código são licenciadas de acordo com a Licença Apache 2.0. Para mais detalhes, consulte as políticas do site do Google Developers. Java é uma marca registrada da Oracle e/ou afiliadas.
Última atualização 2025-08-08 UTC.
[null,null,["Última atualização 2025-08-08 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:"]]