Как опубликовать приложение с помощью 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

После того как вы протестировали свое приложение и остались довольны его работой в рабочей области, вы можете опубликовать его в Интернете с помощью Firebase App Hosting .

При настройке App Hosting Firebase Studio создает для вас проект Firebase (если он еще не был создан путем автоматической генерации ключа API Gemini или других внутренних служб) и помогает вам подключить учетную запись Cloud Billing .

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

  1. Нажмите «Опубликовать» , чтобы настроить проект Firebase и опубликовать приложение. Откроется панель «Опубликовать приложение» .

  2. На этапе проекта Firebase App Prototyping agent отображает проект Firebase, связанный с рабочей областью. Если проекта Firebase ещё нет, App Prototyping agent создаст новый. Нажмите «Далее» , чтобы продолжить.

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

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

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

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

  5. Нажмите «Настроить службы» . Агент прототипирования приложений начнет подготовку служб Firebase.

  6. Нажмите «Опубликовать сейчас» . Firebase Studio настроит службы Firebase, а затем запустит развертывание App Hosting . Это может занять несколько минут. Чтобы узнать больше о том, что происходит за кулисами, см. статью «Процесс сборки App Hosting .

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

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

(Только Cloud Firestore ) Проверка правил безопасности в производстве

После завершения публикации и развертывания вашего приложения в Firebase Cloud Firestore и Firebase Authentication готовы к тестированию в рабочей среде.

Просмотр данных Firebase Authentication Cloud Firestore и Firebase в консоли Firebase

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

  • Чтобы просмотреть работающую базу данных Cloud Firestore , откройте консоль Firebase и выберите «Создать» > «База данных Firestore» в навигационном меню.

    Здесь вы можете проверять сохранённые данные, просматривать и тестировать правила безопасности, а также создавать индексы. Подробнее на сайте Cloud Firestore .

  • Чтобы просмотреть текущие данные Firebase Authentication , откройте консоль Firebase и выберите в меню навигации «Сборка» > «Аутентификация» .

    Здесь вы можете проверить конфигурацию аутентификации и пользователей приложения. Подробнее см. в статье Firebase Authentication .

Тестирование правил Cloud Firestore в производственной среде

После публикации приложения следует повторно протестировать правила безопасности Cloud Firestore в вашей производственной среде. Это поможет гарантировать доступность данных для авторизованных пользователей и защиту от несанкционированного доступа.

Вы можете протестировать свои правила, используя все следующие методы:

  • Тестирование приложений : взаимодействуйте с развёрнутым приложением, выполняя операции, запускающие различные шаблоны доступа к данным (чтение, запись, удаление) для разных ролей или состояний пользователей. Это тестирование в реальных условиях помогает подтвердить правильность применения ваших правил на практике.

  • Площадка для правил : для целевых проверок используйте площадку для правил в консоли Firebase . Этот инструмент позволяет моделировать запросы (чтение, запись, удаление) к базе данных Cloud Firestore , используя ваши производственные правила. Вы можете указать состояние аутентификации пользователя, путь к данным и тип операции, чтобы проверить, разрешают ли ваши правила доступ или запрещают его, как задумано.

  • Модульное тестирование : для более полного тестирования вы можете написать модульные тесты для правил безопасности . Предварительная версия Firebase Studio на базе Firebase Local Emulator Suite позволяет запускать эти тесты локально, имитируя поведение ваших производственных правил. Это надёжный способ проверки сложной логики правил и подтверждения покрытия для различных сценариев. После развёртывания следует ещё раз проверить, что ваши модульные тесты с помощью эмулятора работают должным образом и охватывают все сценарии.

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

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

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

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

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

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

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

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

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

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

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

    Дополнительную информацию можно найти в разделе Управление развертываниями и выпусками .

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

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

    2. В разделе «Информация о внутреннем сервере» нажмите «Управление» . Загрузится страница «Домены» .

    3. Рядом с вашим доменом нажмите More , затем выберите Disable domain и подтвердите.

    Это удалит ваш домен из интернета. Чтобы полностью удалить бэкенд 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. Нажмите «Развернуть» и следуйте инструкциям, чтобы настроить конфигурацию развертывания и развернуть приложение.

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