Перед развертыванием на действующем сайте вам необходимо просмотреть и протестировать внесенные изменения. Хостинг Firebase позволяет вам просматривать и тестировать изменения локально, а также взаимодействовать с эмулируемыми серверными ресурсами проекта. Если вам нужно, чтобы ваши товарищи по команде просмотрели и протестировали ваши изменения, хостинг может создать общие временные URL-адреса предварительного просмотра для вашего сайта. Мы даже поддерживаем интеграцию с GitHub для развертывания по запросу на включение.
Прежде чем вы начнете
Выполните действия, перечисленные на странице «Начало работы с хостингом» , а именно:
- Установите или обновите интерфейс командной строки Firebase до последней версии.
- Подключите локальный каталог проекта (содержащий содержимое вашего приложения) к вашему проекту Firebase.
При желании вы можете развернуть содержимое и конфигурацию хостинга вашего приложения, но это не является обязательным условием для действий, описанных на этой странице.
Шаг 1. Протестируйте локально
Если вы выполняете быстрые итерации или хотите, чтобы ваше приложение взаимодействовало с эмулируемыми ресурсами серверного проекта, вы можете протестировать содержимое хостинга и настроить его локально. При локальном тестировании Firebase обслуживает ваше веб-приложение по локально размещенному URL-адресу.
Хостинг является частью пакета локального эмулятора Firebase , который позволяет вашему приложению взаимодействовать с содержимым и конфигурацией эмулируемого хостинга, а также, при необходимости, с эмулируемыми ресурсами проекта (функциями, базами данных и правилами).
(Необязательно) По умолчанию ваше локально размещенное приложение ��удет взаимодействовать с реальными , а не эмулируемыми ресурсами проекта (функциями, базой данных, пр��ви��а��и �� т. д.). ��м��ст�� этого вы можете при необходимости подключить свое приложение, чтобы использовать любые настроенные вами эмулируемые ресурсы проекта. Узнайте больше: База данных реального времени | Облачный пожарный магазин | Облачные функции
Из корня локального каталога проекта выполните следующую команду:
firebase emulators:start
Откройте свое веб-приложение по локальному URL-адресу, возвращенному CLI (обычно
http://localhost:5000
).Чтобы обновить локальный URL-адрес с изменениями, обновите браузер.
Тестирование с других локальных устройств
По умолчанию эмуляторы отвечают только на запросы от localhost
. Это означает, что вы сможете получить доступ к размещенному контенту через веб-браузер вашего компьютера, но не с других устройств в вашей сети. Если вы хотите протестировать с других локальных устройств, настройте firebase.json
следующим образом:
"emulators": {
// ...
"hosting": {
"port": 5000,
"host": "0.0.0.0"
}
}
Шаг 2. Предварительный просмотр и публикация
Если вы хотите, чтобы другие видели изменения в вашем веб-приложении перед запуском в эксплуатацию, вы можете использовать каналы предварительного просмотра.
После развертывания на канале предварительного просмотра Firebase обслуживает ваше веб-приложение по «URL-адресу предварительного просмотра», который представляет собой общий временный URL-адрес. При использовании URL-адреса предварительного просмотра ваше веб-приложение взаимодействует с вашим реальным сервером для всех ресурсов проекта (за исключением любых «закрепленных» функций в вашей конфигурации перезаписи ).
Обратите внимание: хотя URL-адреса предварительного просмотра трудно угадать (поскольку они содержат случайный хеш), они общедоступны. Таким образом, любой, кто знает URL-адрес, может получить к нему доступ.
Из корня локального каталога проекта выполните следующую команду:
firebase hosting:channel:deploy CHANNEL_ID
Замените CHANNEL_ID строкой без пробелов (например,
feature_mission-2-mars
). Этот идентификатор будет использоваться для создания URL-адреса предварительного просмотра, связанного с каналом предварительного просмотра.Откройте веб-приложение по URL-адресу предварительного просмотра, возвращенному CLI. Это будет выглядеть примерно так:
PROJECT_ID -- CHANNEL_ID - RANDOM_HASH .web.app
��тобы обновить URL-адрес предварительного просмотра с изменениями, снова запустите ту же команду. Обязательно укажите в команде тот же CHANNEL_ID
.
Шаг 3. Развертывание в реальном времени
Вариант 1. Клонируйте канал предварительного просмотра в канал прямой трансляции.
Из любого каталога выполните следующую команду: firebase hosting:clone SOURCE_SITE_ID:SOURCE_CHANNEL_ID TARGET_SITE_ID:live Замените каждый заполнитель следующим: SOURCE_SITE_ID и TARGET_SITE_ID : это идентификаторы хостинг-сайтов, содержащих каналы. В качестве хостинга по умолчанию используйте идентификатор проекта Firebase. Вы можете указать сайты, которые находятся в одном проекте Firebase или даже в разных проектах Firebase.
SOURCE_CHANNEL_ID : это идентификатор канала, который в настоящее время обслуживает версию, которую вы хотите развернуть на своем активном канале. Для прямого канала используйте live
в качестве идентификатора канала.
Просмотрите изменения (следующий шаг).
Вариант 2. Развертывание из локального каталога проекта на действующем канале.
Из корня локального каталога проекта выполните следующую команду: firebase deploy --only hosting Просмотрите изменения (следующий шаг).
Шаг 4. Просмотрите изменения на действующем сайте.
Субдомены, предоставленные Firebase для вашего хостинг-сайта по умолчанию и любых дополнительных хостинг-сайтов:
SITE_ID .web.app
(например,PROJECT_ID .web.app
)
SITE_ID .firebaseapp.com
(напримерPROJECT_ID .firebaseapp.com
)Любые пользовательские домены , которые вы подключили к своим сайтам хостинга.
Другие действия и информация по развертыванию
Добавить комментарий к развертыванию
firebase deploy --only hosting -m "Deploying the best new feature ever."
Добавление сценариев перед развертыванием и после развертывания.
firebase deploy
для выполнения задач перед или после развертывания. Например, перехватчик после развертывания может уведомлять администраторов о развертывании нового контента сайта. Более подробную информацию можно найти в документации Firebase CLI .
Кэширование развернутого контента
Обслуживание через HTTPS
Удаление файлов
Следующие шаги
Интегрируйтесь с GitHub и повторяйте просмотренный контент , настроив действие GitHub . Узнайте о дополнительных возможностях хостинга: Ознакомьтесь с полной документацией Firebase CLI . Подготовьтесь к запуску приложения: Настройте оповещения о бюджете для своего проекта в консоли Google Cloud. Отслеживайте панель «Использование и выставление счетов» в консоли Firebase, чтобы получить общую картину использования вашего проекта в нескольких сервисах Firebase. Вы также можете посетить панель управления использованием хостинга для получения более подробной информации об использовании. Ознакомьтесь с контрольным списком запуска Firebase .