Firebase Hosting предоставляет вам быстрый, безопасный и надежный способ размещения статических ресурсов вашего приложения (HTML, CSS, JavaScript, медиафайлов и т. д.), а также обслуживания динамического контента и размещения микросервисов .
Наш Hosting производственного уровня поддерживается глобальной сетью доставки контента (CDN). По умолчанию ваш контент обслуживается по 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 .