Хостинг Firebase интегрируется с популярными современными веб-фреймворками, включая Angular и Next.js. Используя хостинг Firebase и облачные функции для Firebase с этими платформами, вы можете разрабатывать приложения и микросервисы в предпочитаемой среде платформы, а затем развертывать их в управляемой защищенной серверной среде.
Поддержка во время этой ранней предварительной версии включает следующие функции:
- Развертывание веб-приложений, состоящих из статического веб-контента
- Развертывание веб-приложений, использующих предварительную визуализацию/генерацию статических сайтов (SSG).
- Развертывание веб-приложений, использующих отрисовку на стороне сервера (SSR) — полную отрисовку на сервере по запросу.
Firebase предоставляет эту функциональность через интерфейс командной строки Firebase. При инициализации хостинга в командной строке вы предоставляете информацию о своем новом или существующем веб-проекте, а интерфейс командной строки настраивает нужные ресурсы для выбранной вами веб-инфраструктуры.
Прежде чем вы начнете
Прежде чем приступить к развертыванию приложения в Firebase, ознакомьтесь со следующими требованиями и параметрами:
- Firebase CLI версии 12.1.0 или новее. Обязательно установите CLI , используя предпочитаемый вами метод.
- Необязательно: биллинг включен в вашем проекте Firebase (требуется, если вы планируете использовать SSR).
Подавать локально
Вы можете протестировать интеграцию локально, выполнив следующие действия:
- Запустите
firebase emulators:start
с терминала. Это создает ваше приложение и обслуживает его с помощью интерфейса командной строки Firebase. - Откройте свое веб-приложение по локальному URL-адресу, возвращенному интерфейсом командной строки (обычно http://localhost:5000).
Разверните свое приложение на хостинге Firebase
Когда вы будете готовы поделиться своими изменениями со всем миром, разверните приложение на действующем сайте:
- Запустите
firebase deploy
из терминала. - Проверьте свой веб-сайт на:
SITE_ID.web.app
илиPROJECT_ID.web.app
(или на своем личном домене, если вы его настроили).
Следующие шаги
См. подробное руководство для предпочтительного фреймворка: