Начните работу с хостингом Firebase

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 , выполните следующие действия:

  1. Выберите проект Firebase, чтобы подключиться к локальному каталогу проекта.

    Выбранный проект Firebase является вашим «проектом по умолчанию» для локального каталога проектов. Чтобы подключить дополнительные проекты Firebase к локальному каталогу проектов, настройте псевдонимы проектов .

  2. Укажите каталог, который будет использоваться в качестве корневого каталога общего доступа.

    В этой директории находятся все ваши общедоступные статические файлы, включая файл index.html и любые другие ресурсы, которые вы хотите развернуть на Firebase Hosting .

    • По умолчанию корневой каталог общедоступных каталогов называется public .

      • Вы можете указать корневой каталог вашей базы данных сейчас или позже в конфигурационном файле firebase.json .

      • Если вы выберете вариант по умолчанию и у вас еще нет каталога с именем public , Firebase создаст его для вас.

    • Если в корневом каталоге вашего сайта еще нет корректного файла index.html или 404.html , Firebase создаст их для вас.

  3. Выберите конфигурацию для вашего сайта.

    Если вы выберете создание одностраничного приложения, Firebase автоматически добавит для вас конфигурации перезаписи .

По завершении инициализации Firebase автоматически создает и добавляет два файла в корневую директорию вашего локального приложения:

Шаг 3 : Разверните на вашем сайте

Для развертывания на вашем сайте выполните следующую команду из корневого каталога вашего локального проекта:

firebase deploy --only hosting

Эта команда развертывает содержимое и конфигурацию вашего Hosting на следующих поддоменах, созданных с помощью Firebase:

  • PROJECT_ID .web.app
  • PROJECT_ID .firebaseapp.com

Узнайте больше о развертывании и даже локальном тестировании вашего сайта .

Следующие шаги

Теперь ваш сайт готов к публикации во всем мире!