Как добавить кнопку "Открыть в 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 :