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

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 for Firebase, этот инструмент поддерживает формат файла dotenv для загрузки переменных среды, указанных в файле .env.

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

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

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

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