Firebase Hosting предоставляет быстрый, безопасный и надежный способ размещения статических ресурсов вашего приложения (HTML, CSS, JavaScript, медиафайлы и т. д.), а также для обслуживания динамического контента и размещения микросервисов .
Наш хостинг производственного уровня поддерживается глобальной сетью доставки контента (CDN). Hosting по умолчанию передает ваш контент по протоколу SSL и может использоваться с вашим собственным доменом или на поддоменах вашего проекта бесплатно на web.app и firebaseapp.com .
Прежде чем начать
Прежде чем настраивать Firebase Hosting , необходимо создать проект Firebase .
Шаг 1 : Установите Firebase CLI.
Чтобы узнать, как установить CLI или обновить его до последней версии , посетите документацию Firebase CLI.
Шаг 2 : Инициализируйте свой проект
Чтобы подключить локальные файлы проекта к вашему проекту Firebase, выполните следующую команду из корневого каталога вашего локального проекта:
firebase init hosting
В процессе инициализации проекта, из командной строки Firebase , выполните следующие действия:
Выберите проект Firebase, чтобы подключиться к локальному каталогу проекта.
Выбранный проект Firebase является вашим «проектом по умолчанию» для локального каталога проектов. Чтобы подключить дополнительные проекты Firebase к локальному каталогу проектов, настройте псевдонимы проектов .
Укажите каталог, который будет использоваться в качестве корневого каталога общего доступа.
В этой директории находятся все ваши общедоступные статические файлы, включая файл
index.htmlи любые другие ресурсы, которые вы хотите развернуть на Firebase Hosting .Статические приложения : Если вы развертываете статическое приложение:
По умолчанию корневой каталог общедоступных каталогов называется
public.Вы можете указать корневой каталог вашей базы данных сейчас или позже в конфигурационном файле
firebase.json.Если вы выберете вариант по умолчанию и у вас еще нет каталога с именем
public, Firebase создаст его для вас.Если в корневом каталоге вашего сайта еще нет корректного файла
index.htmlили404.html, Firebase создаст их для вас.
Выберите App Hosting : если CLI обнаружит функции веб-фреймворка SSR, такого как Next.js или Angular Universal, он может порекомендовать инициализировать Firebase App Hosting . App Hosting — это рекомендуемое решение для развертывания приложений на основе полнофункциональных фреймворков. Вы можете продолжить настройку App Hosting или использовать классический Hosting для развертывания только статических приложений.
Выберите конфигурацию для вашего сайта.
Если вы выберете создание одностраничного приложения, Firebase автоматически добавит для вас конфигурации перезаписи .
По завершении инициализации Firebase автоматически создает и добавляет два файла в корневую директорию вашего локального приложения:
Конфигурационный файл
firebase.json, содержащий список параметров вашего проекта. Подробнее об этом файле можно узнать на странице настройки поведения хостинга .Файл
.firebaserc, в котором хранятся псевдонимы вашего проекта .
Шаг 3 : Разверните на вашем сайте
Для развертывания на вашем сайте выполните следующую команду из корневого каталога вашего локального проекта:
firebase deploy --only hosting
Эта команда развертывает содержимое и конфигурацию вашего Hosting на следующих поддоменах, созданных с помощью Firebase:
-
PROJECT_ID .web.app -
PROJECT_ID .firebaseapp.com
Узнайте больше о развертывании и даже локальном тестировании вашего сайта .
Следующие шаги
Теперь ваш сайт готов к публикации во всем мире!
Продолжайте улучшать свой сайт. Тестируйте локально, делитесь изменениями по временному URL-адресу предварительного просмотра, а затем развертывайте на рабочем сайте. Следуйте этому пошаговому руководству .
Узнайте о дополнительных возможностях хостинга:
Ознакомьтесь с полной документацией по Firebase CLI .
Подготовьтесь к запуску вашего приложения:
- Настройте оповещения о бюджете для вашего проекта в консоли Google Cloud .
- Отслеживайте использование и выставление счетов на панели мониторинга в консоли Firebase , чтобы получить общее представление об использовании ресурсов вашего проекта в различных сервисах Firebase. Вы также можете посетить панель мониторинга использования Hosting для получения более подробной информации об использовании.
- Ознакомьтесь с контрольным списком запуска Firebase .