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

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 (или ваш пользовательский домен, если вы его настроили).

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

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