Начать работу с Firebase Hosting

Firebase хостинг дает вам быстрый, безопасный и надежный способ для размещения статических активов своего приложения (HTML, CSS, JavaScript, медиа - файлы и т.д.), а также для обслуживания динамического контента и узла microservices .

Наш хостинг производственного уровня поддерживается глобальной сетью доставки контента (CDN). Хостинг обслуживает ваш контент по протоколу SSL по умолчанию, и может быть использован с вашей собственной пользовательской области или на свободных поддоменов вашего проекта на web.app и firebaseapp.com .

Прежде чем вы начнете

Перед тем, как можно настроить Firebase хостинг, вам нужно создать проект Firebase .

Шаг 1: Установите Firebase CLI

Посетите документацию Firebase CLI , чтобы узнать , как установить CLI или обновление до последней версии .

Шаг 2: Инициализация проекта

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

firebase init hosting

Во время инициализации проекта в интерфейсе командной строки Firebase появляется сообщение:

  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

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

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

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