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