Catch up on everything announced at Firebase Summit, and learn how Firebase can help you accelerate app development and run your app with confidence. Learn More

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

Оптимизируйте свои подборки Сохраняйте и классифицируйте контент в соответствии со своими настройками.

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 запрашивает:

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

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

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

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

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

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

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

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

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

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

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

Шаг 3. Разверните на своем сайте

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

firebase deploy --only hosting

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

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

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

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

Теперь ваш сайт готов поделиться с миром!