Читайте последние новости о Firebase с конференции Cloud Next – 2025.
Подробнее…
Как добавить кнопку "Открыть в Firebase Studio"
Оптимизируйте свои подборки
Сохраняйте и классифицируйте контент в соответствии со своими настройками.
С помощью Firebase Studio вы можете упростить процесс настройки среды разработки для новичков в вашей кодовой базе и повысить продуктивность работы.
Например:
Если вы работаете в команде с другими участниками , вы можете настроить среду точно под свой проект, а затем закоммитить файл .idx/dev.nix в Git-репозиторий вашего проекта. Таким образом, когда ваш коллега импортирует ваш Git-репозиторий в Firebase Studio , его новое рабочее пространство будет иметь точно такую же конфигурацию, как и ваше, включая те же системные пакеты, расширения IDE, стартовые скрипты и многое другое.
Если вы создаёте фреймворк или библиотеку для использования другими пользователями, вы можете включить файл .idx/dev.nix в репозитории примеров кода. Это позволит пользователю, импортирующему ваши примеры в Firebase Studio , пропустить настройку среды и сразу приступить к тестированию фреймворка. Вы даже можете создать собственный шаблон, который послужит удобной и настраиваемой отправной точкой для ваших пользователей.
После того как вы будете довольны настройками своей среды, вы можете еще больше упростить импорт вашего проекта в Firebase Studio для других, добавив кнопку «Открыть в Firebase Studio » в вашу документацию, например в файл README.md вашего проекта.
Распространенные точки входа «Открыть в Firebase Studio »
Для кнопки «Открыть в Firebase Studio » доступно несколько шаблонов URL:
Чтобы создать ссылку на поток импорта репозитория Git , предварительно указав URL-адрес вашего репозитория Git, используйте следующий шаблон URL:
https://studio.firebase.google.com/import?url=https://github.com/my-org/my-repo
В настоящее время поддерживаются только репозитории GitHub (как частные, так и публичные).
Чтобы создать ссылку на предопределенный шаблон рабочего пространства , найдите нужный шаблон на странице «Шаблоны» в Firebase Studio и скопируйте его URL-адрес, который должен соответствовать следующему шаблону URL-адреса:
https://studio.firebase.google.com/new/gemini
Чтобы создать ссылку на пользовательский шаблон , предварительно заполненный URL-адресом GitHub вашего шаблона, используйте следующий шаблон URL:
https://studio.firebase.google.com/new?template=https://github.com/my-org/my-template
Чтобы открыть App Prototyping agent с предварительно заполненным запросом, используйте следующий шаблон URL:
https://studio.firebase.google.com/?prototypePrompt=Create an app that transforms sketches into a high-quality photograph with Gemini
Добавить кнопку «Открыть в Firebase Studio »
Установите Open in Firebase Studio SDK или используйте этот инструмент для генерации HTML для кнопки Firebase Studio :
Если не указано иное, контент на этой странице предоставляется по лицензии Creative Commons "С указанием авторства 4.0", а примеры кода – по лицензии Apache 2.0. Подробнее об этом написано в правилах сайта. Java – это зарегистрированный товарный знак корпорации Oracle и ее аффилированных лиц.
Последнее обновление: 2025-07-25 UTC.
[null,null,["Последнее обновление: 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:"]]
