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

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

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

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

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

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

Прежде чем приступить к развертыванию приложения в 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 (или по вашему собственному домену, если вы его настроили).

Настройка различных сред

Вы можете развернуть несколько наборов переменных среды для разных проектных сред, таких как тестовая и производственная.

Подобно Cloud Functions для Firebase, этот инструмент поддерживает формат файла dotenv для загрузки переменных среды, указанных в файле .env.

  • Если у вас есть псевдоним проекта staging , вы можете развернуть переменные среды из файла .env.staging .
  • Если у вас есть псевдоним production проекта, вы можете развернуть переменные среды из файла .env.production .
  • Если у вас есть проект с идентификатором PROJECT_ID , вы можете развернуть переменные среды из файла .env.PROJECT_ID .

Подробное руководство см. в документации Cloud Functions .

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

Подробное руководство по выбранной вами платформе вы найдете здесь: