Firebase Hosting предоставляет вам быстрый, безопасный и надежный способ размещения статических ресурсов вашего приложения (HTML, CSS, JavaScript, медиафайлов и т. д.), а также обслуживания динамического контента и размещения микросервисов .
Наш хостинг производственного уровня поддерживается глобальной сетью доставки контента (CDN). Hosting обслуживает ваш контент по SSL по умолчанию и может использоваться с вашим собственным доменом или на поддоменах вашего проекта бесплатно на web.app и firebaseapp.com .
Прежде чем начать
Прежде чем настроить Firebase Hosting , вам необходимо создать проект Firebase .
Шаг 1 : Установка Firebase CLI
Посетите документацию Firebase CLI, чтобы узнать, как установить CLI или обновить его до последней версии .
Шаг 2 : Инициализируйте свой проект
Чтобы подключить файлы локального проекта к проекту Firebase, выполните следующую команду из корневого каталога локального проекта:
firebase init hosting
Во время инициализации проекта в командной строке Firebase выводятся следующие запросы:
Выберите проект Firebase для подключения к локальному каталогу проектов.
Выбранный проект Firebase — это ваш проект Firebase "по умолчанию" для вашего локального каталога проектов. Чтобы подключить дополнительные проекты Firebase к локальному каталогу проектов, настройте псевдонимы проектов .
Укажите каталог, который будет использоваться в качестве общедоступного корневого каталога.
В этом каталоге содержатся все ваши общедоступные статические файлы, включая файл
index.htmlи любые другие ресурсы, которые вы хотите развернуть на Firebase Hosting .По умолчанию общедоступный корневой каталог называется
public.Вы можете указать публичный корневой каталог сейчас или указать его позже в файле конфигурации
firebase.json.Если вы выбрали вариант по умолчанию и у вас еще нет каталога с именем
public, Firebase создаст его для вас.
Если в вашем общедоступном корневом каталоге еще нет действующего файла
index.htmlили404.html, Firebase создаст их для вас.
Выберите конфигурацию для вашего сайта.
Если вы решите создать одностраничное приложение, 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 .