Интеграция веб-фреймворков с хостингом

Firebase Hosting интегрируется с популярными современными веб-фреймворками, включая Angular и Next.js. Используя Firebase Hosting и Cloud Functions for Firebase с этими платформами, вы можете разрабатывать приложения и микросервисы в предпочитаемой вами среде платформы, а затем развертывать их в управляемой, безопасной серверной среде.

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

  • Развертывание веб-приложений, состоящих из статического веб-контента.
  • Развертывание веб-приложений, использующих предварительную отрисовку/генерацию статического сайта (SSG).
  • Развертывание веб-приложений, использующих рендеринг на стороне сервера (SSR) — полный рендеринг на сервере по требованию.

Firebase предоставляет эту функциональность через интерфейс командной строки Firebase . При инициализации Hosting в командной строке вы предоставляете информацию о своем новом или существующем веб-проекте, а интерфейс командной строки настраивает нужные ресурсы для выбранной вами веб-инфраструктуры.

Прежде чем начать

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

  • Firebase CLI версии 12.1.0 или новее. Обязательно установите CLI, используя предпочитаемый вами метод.
  • Необязательно: в вашем проекте Firebase включена оплата (обязательно, если вы планируете использовать SSR).

Подавать локально

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

  1. Запустите firebase emulators:start с терминала. Это создает ваше приложение и обслуживает его с помощью Firebase CLI.
  2. Откройте свое веб-приложение по локальному URL-адресу, возвращенному CLI (обычно http://localhost:5000).

Разверните свое приложение на Firebase Hosting

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

  1. Запустите firebase deploy с терминала.
  2. Проверьте свой веб-сайт: SITE_ID.web.app или PROJECT_ID.web.app (или свой личный домен, если вы его настроили).

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

См. подробное руководство для предпочитаемой вами платформы: