Firebase Hosting предоставляет вам быстрый, безопасный и надежный способ размещения статических ресурсов вашего приложения (HTML, CSS, JavaScript, медиафайлов и т. д.), а также предоставления динамического контента и размещения микросервисов .
Наш хостинг производственного уровня поддерживается глобальной сетью доставки контента (CDN). Хостинг обслуживает ваш контент через 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.Общедоступный корневой каталог по умолчанию называется
public.Вы можете указать общедоступный корневой каталог сейчас или указать его позже в файле конфигурации
firebase.json.Если вы выберете значение по умолчанию и у вас еще нет каталога с именем
public, Firebase создаст его для вас.
Если у вас еще нет действительного файла
index.htmlили файла404.htmlв общедоступном корневом каталоге, Firebase создаст их для вас.
Выберите конфигурацию для вашего сайта.
Если вы решите создать одностраничное приложение, Firebase автоматически добавит для вас конфигурации перезаписи .
В конце инициализации Firebase автоматически создает и добавляет два файла в корень вашего локального каталога приложения:
Файл конфигурации
firebase.json, в котором указана конфигурация вашего проекта. Узнайте больше об этом файле на странице настройки поведения хостинга .Файл
.firebaserc, в котором хранятся псевдонимы вашего проекта .
Шаг 3. Разверните на своем сайте
Чтобы выполнить развертывание на своем сайте, выполните следующую команду из корня локального каталога проекта:
firebase deploy --only hosting
Эта команда развертывает ваш контент и конфигурацию хостинга на следующих поддоменах, предоставленных Firebase:
-
PROJECT_ID .web.app -
PROJECT_ID .firebaseapp.com
Узнайте больше о развертывании и даже локальном тестировании вашего сайта .
Следующие шаги
Теперь ваш сайт готов поделиться с миром!
Продолжайте улучшать свой сайт. Протестируйте локально, поделитесь изменениями по временному URL-адресу предварительного просмотра, а затем разверните на своем действующем сайте. Следуйте этому пошаговому руководству .
Узнайте о дополнительных возможностях хостинга:
Взгляните на полную документацию Firebase CLI .
Подготовьтесь к запуску вашего приложения:
- Настройте оповещения о бюджете для своего проекта в Google Cloud Console.
- Следите за панелью управления «Использование и выставление счетов» в консоли Firebase, чтобы получить общую картину использования вашего проекта в нескольких сервисах Firebase. Вы также можете посетить панель управления хостингом для получения более подробной информации об использовании.
- Ознакомьтесь с контрольным списком запуска Firebase .