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-сертификаты и поддержку пользовательских доменов.
Если вы разработали статическое или одностраничное веб-приложение в Firebase Studio , вы можете опубликовать его непосредственно из Firebase Studio , запросив у Gemini в Firebase разрешение на публикацию вашего приложения.
Cloud Run : Используйте Cloud Run для развертывания контейнеризированных приложений. Это хороший выбор для публикации масштабируемых и переносимых приложений, которые могут работать на любой платформе.
Другие варианты развертывания: Развертывание на выбранном вами хостинговом решении, включая другие платформы или собственный сервер.
Публикуйте и отслеживайте свое приложение с помощью Firebase App Hosting
После того, как вы протестируете свое приложение и убедитесь, что оно работает корректно в вашем рабочем пространстве, вы можете опубликовать его в интернете с помощью Firebase App Hosting .
При настройке App Hosting Firebase Studio создает для вас проект Firebase (если он еще не был создан путем автоматической генерации ключа API Gemini или с помощью других серверных служб) и помогает вам связать учетную запись Cloud Billing .
Чтобы опубликовать ваше приложение:
Нажмите «Опубликовать» , чтобы настроить проект Firebase и опубликовать приложение. Появится панель «Опубликовать приложение» .
На этапе создания проекта Firebase App Prototyping agent отображает проект Firebase, связанный с рабочей областью. Если проект Firebase еще не существует, App Prototyping agent создаст для вас новый проект. Нажмите «Далее» , чтобы продолжить.
На этапе настройки учетной записи Link Cloud Billing выберите один из следующих вариантов:
Выберите учетную запись Cloud Billing , которую вы хотите связать со своим проектом Firebase.
Если у вас нет учетной записи Cloud Billing или вы хотите создать новую, нажмите «Создать учетную запись Cloud Billing » . Откроется консоль Google Cloud , где вы сможете создать новую учетную запись Cloud Billing для самостоятельного использования . После создания учетной записи вернитесь в Firebase Studio и выберите учетную запись из списка «Связать Cloud Billing .
Нажмите «Далее» . Firebase Studio свяжет платежный аккаунт с проектом, связанным с вашей рабочей областью, созданным либо при автоматической генерации ключа API Gemini , либо при нажатии кнопки «Опубликовать» .
Нажмите «Настроить службы» . Агент прототипирования приложения начнет развертывание служб Firebase.
Нажмите «Опубликовать сейчас» . Firebase Studio настроит службы Firebase, а затем запустит развертывание App Hosting . Этот процесс может занять несколько минут. Чтобы узнать больше о том, что происходит за кулисами, см. раздел «Процесс сборки App Hosting .
После завершения этапа публикации отображается обзор приложения с URL-адресом и аналитикой приложения, созданной с помощью инструмента мониторинга App Hosting . Чтобы использовать собственный домен (например, example.com или app.example.com) вместо домена, сгенерированного Firebase, вы можете добавить собственный домен в консоли Firebase .
Для получения дополнительной информации о App Hosting см. раздел «Понимание App Hosting и принципов его работы» .
(Только Cloud Firestore ) Добавляйте индексы и проверяйте правила безопасности в рабочей среде.
После завершения публикации и развертывания вашего приложения в Firebase, Cloud Firestore и Firebase Authentication будут готовы к тестированию в производственной среде.
Создайте индексы для вашей базы данных Cloud Firestore
При развертывании приложения в Cloud Firestore индексы не создаются автоматически. Это означает, что после публикации вам может потребоваться создать индексы для ваших запросов.
Вы можете увидеть это в сообщениях об ошибках или в консоли разработчика вашего браузера.
Для создания индексов после публикации:
В опубликованном приложении: в панели обзора приложения (нажмите «Опубликовать» , если она не видна) найдите и нажмите ссылку «Посетите ваше приложение» .
В предварительной версии Firebase Studio : откройте консоль разработчика в браузере и найдите сообщение об ошибке 200, которое генерирует Cloud Firestore .
Протестируйте все потоки в вашем приложении. Может появиться ошибка, например, такая: «Ошибка загрузки рецептов. Для запроса требуется индекс. Вы можете создать его здесь:», со ссылкой на консоль Firebase .
Перейдите по ссылке в консоль Firebase , где появится рекомендуемый индекс.
Нажмите «Сохранить» , чтобы принять рекомендуемый индекс.
Вернитесь в приложение и перезагрузите страницу.
Продолжайте тестировать все сценарии в вашем приложении, чтобы добавить индексы там, где это необходимо.
Подробнее см. в разделе «Управление индексами в Cloud Firestore .
Просматривайте данные Cloud Firestore и Firebase Authentication в консоли 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 , вы можете откатить его до одной из более ранних версий. Вы также можете удалить его.
Чтобы откатить опубликованный сайт:
Откройте App Hosting в консоли Firebase .
Найдите бэкэнд вашего приложения, нажмите «Просмотр» , а затем — «Развертывания» .
Рядом с развертыванием, к которому вы хотите вернуться, нажмите «Подробнее» > , затем выберите «Вернуться к этой сборке» и подтвердите.
Подробнее см. в разделе «Управление развертываниями и релизами» .
Чтобы удалить домен вашего App Hosting из сети:
В консоли Firebase откройте App Hosting и в разделе приложений Firebase Studio нажмите «Просмотреть» .
В разделе «Информация о бэкэнде» нажмите «Управление» . Загрузится страница «Домены» .
Рядом с вашим доменом нажмите «Подробнее» , затем выберите «Отключить домен» (Disable domain) и подтвердите.
Это удалит ваш домен из сети. Чтобы полностью удалить бэкэнд вашего App Hosting , следуйте инструкциям в разделе «Удаление бэкэнда» .
Firebase Hosting
Вы можете публиковать статические и одностраничные веб-приложения на Firebase Hosting из своей рабочей области Firebase Studio .
Если у вас нет необходимых разрешений для проекта Firebase, попросите владельца проекта Firebase назначить вам соответствующую роль на странице «Пользователи и разрешения» в консоли Firebase . Если у вас есть вопросы о доступе к вашему проекту Firebase, включая поиск или назначение владельца, см. раздел «Разрешения и доступ к проектам Firebase» .
Публикация с помощью Gemini в Firebase
В чате Gemini в Firebase введите запрос, например, "Опубликовать мое приложение".
Gemini в Firebase проведет вас через необходимые шаги. Это может включать создание проекта Firebase и регистрацию вашего приложения, если вы еще этого не сделали.
Опубликовать из панели Firebase Studio
Firebase Hosting оптимизирован для статических сайтов и одностраничных приложений. Если ваш проект содержит динамический контент, Gemini в Firebase может не инициировать процесс публикации. В этом случае, но вы все еще хотите использовать Firebase Hosting , опубликуйте свой проект из панели Firebase Studio :
Если вы еще этого не сделали, создайте проект Firebase и зарегистрируйте свое приложение .
Откройте рабочую область Firebase Studio .
- Если вы используете App Prototyping agent , нажмите
Переключитесь на раздел «Код» , чтобы открыть окно просмотра Code .
- Если вы используете App Prototyping agent , нажмите
В панели навигации щелкните значок Firebase Studio , чтобы открыть панель, затем разверните раздел Firebase Hosting .
Нажмите «Аутентифицировать Firebase» и следуйте инструкциям в окне терминала, чтобы аутентифицировать свою учетную запись Firebase.
Нажмите «Инициализировать Firebase Hosting и следуйте инструкциям в окне терминала, чтобы настроить конфигурацию развертывания.
Чтобы развернуть приложение, нажмите кнопку «Развернуть в продакшн» или «Развернуть в канал» в разделе Firebase Hosting на панели Firebase Studio .
Cloud Run
Перед развертыванием с помощью Cloud Run убедитесь, что вы настроили проект Google Cloud и включили Cloud Billing .
Откройте рабочую область Firebase Studio . Если вы используете App Prototyping agent , нажмите...
Переключитесь на раздел «Код» , чтобы открыть окно просмотра Code .Чтобы открыть панель Firebase Firebase Studio , щелкните значок Firebase Studio на панели навигации и нажмите «Развернуть в Cloud Run .
Выберите пункт «Разрешить этой рабочей области доступ к ресурсам Google Cloud с использованием моей учетной записи Google» , а затем выберите проект Google Cloud с включенной оплатой в диалоговом окне.
В панели Firebase Studio в разделе Cloud Run нажмите кнопку «Аутентификация» и следуйте инструкциям для прохождения аутентификации.
Нажмите «Развернуть» и следуйте инструкциям, чтобы настроить конфигурацию развертывания и развернуть приложение.