Как опубликовать приложение с помощью Firebase Studio

Firebase Studio предлагает несколько вариантов публикации, позволяя вам выбрать метод, который лучше всего подходит для нужд вашего проекта. Вот обзор доступных вариантов:

  • Firebase App Hosting : идеально подходит для публикации динамических приложений Next.js и Angular, App Hosting предлагает встроенную поддержку фреймворка, интеграцию с GitHub и интеграцию с другими продуктами Firebase, такими как Firebase Authentication , Cloud Firestore и Firebase AI Logic .

    Если вы разработали приложение Next.js с помощью App Prototyping agent , вы можете опубликовать его прямо из Firebase Studio всего за несколько щелчков мыши.

  • Firebase Hosting : хорошо подходит для размещения веб-приложений и статического веб-контента (HTML, CSS, JavaScript, изображения и другие статические ресурсы) и одностраничных приложений. Firebase Hosting обеспечивает быструю доставку контента через глобальную сеть CDN, бесплатные SSL-сертификаты и поддержку пользовательских доменов.

  • Cloud Run : используйте Cloud Run для развертывания контейнерных приложений. Это хороший выбор для публикации масштабируемых и переносимых приложений, которые могут работать на любой платформе.

  • Другие варианты развертывания: развертывание на хостинговом решении по вашему выбору, включая другие платформы или ваш собственный сервер.

Публикуйте и отслеживайте свое приложение с помощью Firebase App Hosting

Если вы создаете приложение с помощью App Prototyping agent , вы можете опубликовать его в Firebase App Hosting непосредственно из Firebase Studio .

Опубликуйте свое приложение с помощью App Hosting

При настройке App Hosting Firebase Studio создает для вас проект Firebase и помогает привязать учетную запись Cloud Billing .

Чтобы опубликовать приложение на Firebase App Hosting :

  1. Нажмите Publish , чтобы создать новый проект Firebase и начать настройку App Hosting . Появится панель Publish your app .

  2. На этапе проекта Firebase запишите имя проекта Firebase, который был создан для вас, затем нажмите кнопку Далее .

  3. На этапе «Привязать учетную запись Cloud Billing выберите один из следующих вариантов:

    • Выберите учетную запись Cloud Billing , которую вы хотите связать с вашим проектом Firebase.

    • Если у вас нет учетной записи Cloud Billing или вы хотите создать новую, нажмите Create a Cloud Billing account . Откроется консоль Google Cloud , в которой вы можете создать новую учетную запись Cloud Billing с самообслуживанием . После создания учетной записи вернитесь в Firebase Studio и выберите учетную запись из списка Link Cloud Billing .

  4. Нажмите Далее . Firebase Studio связывает платежный аккаунт с проектом, связанным с вашим рабочим пространством, созданным либо при автоматической генерации ключа API Gemini , либо при нажатии Опубликовать . Затем App Hosting настраивает полностью управляемую среду для вашего приложения в Google Cloud .

  5. Нажмите Create your first rollout (Создать свой первый роллаут) . Firebase Studio запускает роллаут App Hosting . Это может занять до десяти минут. Чтобы узнать больше о том, что происходит за кулисами, см. The App Hosting build process (Процесс сборки App Hosting .

  6. После завершения развертывания появится обзор приложения с URL-адресом и сведениями о приложении, полученными с помощью App Hosting observability. Чтобы использовать пользовательский домен (например, example.com или app.example.com) вместо домена, сгенерированного Firebase, вы можете добавить пользовательский домен в консоли Firebase .

Для получения дополнительной информации о App Hosting см. раздел Понимание App Hosting и принципов его работы .

Контролируйте свое приложение с помощью функции наблюдения App Hosting

Панель обзора приложений App Hosting предоставляет ключевые показатели и информацию о вашем приложении, позволяя вам контролировать производительность вашего веб-приложения с помощью встроенных инструментов наблюдения App Hosting . После того, как ваш сайт будет развернут, вы можете получить доступ к обзору, нажав Опубликовать . На этой панели вы можете:

  • Нажмите «Создать выпуск» , чтобы выпустить новую версию приложения.
  • Поделитесь ссылкой на свое приложение или откройте его напрямую в разделе «Посетите свое приложение» .
  • Просмотрите сводку производительности вашего приложения за последние 7 дней, включая общее количество запросов и статус вашего последнего развертывания. Нажмите « Просмотреть подробности» , чтобы получить доступ к еще большей информации в консоли Firebase .
  • Просмотрите график количества запросов, полученных вашим приложением за последние 24 часа, с разбивкой по коду статуса HTTP.

Если вы закроете панель обзора приложения, вы сможете снова открыть ее в любое время, нажав кнопку «Опубликовать» .

Подробнее об управлении и мониторинге развертываний App Hosting можно узнать в разделе Управление развертываниями и выпусками .

Откатите свой сайт App Hosting

Если вы развернули последовательные версии своего приложения на App Hosting , вы можете откатить его к одной из более ранних версий. Вы также можете удалить его.

  • Чтобы откатить опубликованный сайт:

    1. Откройте App Hosting в консоли Firebase .

    2. Найдите бэкэнд вашего приложения, нажмите «Просмотр» , а затем нажмите «Выпуски» .

    3. Рядом с развертыванием, к которому вы хотите вернуться, нажмите More , затем выберите Откатиться к этой сборке и подтвердите.

    Узнайте больше в разделе Управление развертываниями и выпусками .

  • Чтобы удалить домен вашего App Hosting из Интернета:

    1. В консоли Firebase откройте App Hosting и нажмите View в разделе приложения Firebase Studio .

    2. В разделе Backend information нажмите Manage . Загрузится страница Domains .

    3. Рядом с вашим доменом нажмите More , затем выберите Отключить домен и подтвердите.

    Это удалит ваш домен из сети. Чтобы полностью удалить бэкенд App Hosting , следуйте инструкциям в разделе Удаление бэкенда .

Firebase Hosting

Вы можете публиковать веб-приложения в Firebase Hosting из вашего рабочего пространства Firebase Studio . Перед публикацией веб-приложения в Firebase Hosting создайте проект Firebase и зарегистрируйте свое приложение .

Если у вас нет необходимых разрешений для проекта Firebase, вы можете попросить владельца проекта Firebase назначить вам соответствующую роль на странице Пользователи и разрешения консоли Firebase . Если у вас есть вопросы о доступе к проекту Firebase, включая поиск или назначение владельца, см. Разрешения и доступ к проектам Firebase .

Чтобы развернуть приложение на Firebase Hosting из Firebase Studio :

  1. Откройте рабочее пространство Firebase Studio . Если вы используете App Prototyping agent , щелкните Значок переключения кода Переключитесь на «Код» , чтобы открыть представление Code .

  2. Щелкните значок Firebase Studio на панели навигации, чтобы открыть панель Firebase Studio и развернуть раздел Firebase Hosting .

  3. Нажмите «Аутентифицировать Firebase» и следуйте инструкциям в окне терминала, чтобы аутентифицировать свою учетную запись Firebase.

  4. Нажмите «Инициализировать Firebase Hosting и следуйте инструкциям в окне терминала, чтобы настроить конфигурацию развертывания.

  5. Чтобы развернуть приложение, нажмите «Развернуть в производство» или «Развернуть в канал» в разделе Firebase Hosting на панели Firebase Studio .

Cloud Run

Перед развертыванием с помощью Cloud Run обязательно настройте проект Google Cloud и включите Cloud Billing .

  1. Откройте рабочее пространство Firebase Studio . Если вы используете App Prototyping agent , щелкните Значок переключения кода Переключитесь на «Код» , чтобы открыть представление Code .

  2. Щелкните значок Firebase Studio на панели навигации, чтобы открыть панель Firebase Studio , и щелкните Deploy to Cloud Run .

  3. Выберите Разрешить этому рабочему пространству доступ к ресурсам Google Cloud с помощью моей учетной записи Google , а затем выберите в диалоговых окнах проект Google Cloud с включенной оплатой.

  4. Нажмите «Аутентификация» в разделе Cloud Run на панели Firebase Studio и следуйте инструкциям по аутентификации.

  5. Нажмите «Развернуть» и следуйте инструкциям, чтобы настроить конфигурацию развертывания и развернуть приложение.

Следующие шаги