If you are building server-rendered Angular or Next.js apps, check out next-generation Firebase App Hosting, a full-stack solution for modern web frameworks.
Оптимизируйте свои подборки
Сохраняйте и классифицируйте контент в соответствии со своими настройками.
Firebase Hosting интегрируется с популярными современными веб-фреймворками, включая Angular и Next.js. Используя Firebase Hosting и Cloud Functions for Firebase с этими фреймворками, вы можете разрабатывать приложения и микросервисы в предпочитаемой вами среде фреймворка, а затем развертывать их в управляемой, безопасной серверной среде.
Поддержка в ходе этого раннего ознакомительного периода включает в себя следующие функции:
Развертывание веб-приложений, состоящих из статического веб-контента
Развертывание веб-приложений, использующих рендеринг на стороне сервера (SSR) — полный рендеринг сервера по требованию
Firebase предоставляет эту функциональность через Firebase CLI. При инициализации Hosting в командной строке вы указываете информацию о вашем новом или существующем веб-проекте, а CLI настраивает необходимые ресурсы для выбранного вами веб-фреймворка.
Прежде чем начать
Прежде чем приступить к развертыванию приложения в Firebase, ознакомьтесь со следующими требованиями и параметрами:
Firebase CLI версии 12.1.0 или более поздней. Убедитесь, что вы устанавливаете CLI выбранным вами способом.
Необязательно: включите выставление счетов в вашем проекте Firebase (обязательно, если вы планируете использовать SSR)
Подавать локально
Вы можете протестировать интеграцию локально, выполнив следующие шаги:
Запустите firebase emulators:start из терминала. Это позволит собрать ваше приложение и запустить его с помощью Firebase CLI.
Откройте веб-приложение по локальному URL-адресу, возвращаемому CLI (обычно http://localhost:5000).
Разверните свое приложение на Firebase Hosting
Когда вы будете готовы поделиться своими изменениями со всем миром, разверните свое приложение на работающем сайте:
Запустите firebase deploy из терминала.
Проверьте свой веб-сайт по адресу: 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 .
[[["Прост для понимания","easyToUnderstand","thumb-up"],["Помог мне решить мою проблему","solvedMyProblem","thumb-up"],["Другое","otherUp","thumb-up"]],[["Отсутствует нужная мне информация","missingTheInformationINeed","thumb-down"],["Слишком сложен/слишком много шагов","tooComplicatedTooManySteps","thumb-down"],["Устарел","outOfDate","thumb-down"],["Проблема с переводом текста","translationIssue","thumb-down"],["Проблемы образцов/кода","samplesCodeIssue","thumb-down"],["Другое","otherDown","thumb-down"]],["Последнее обновление: 2025-08-30 UTC."],[],[],null,["\u003cbr /\u003e\n\nFirebase Hosting integrates with popular modern web frameworks including Angular\nand Next.js. Using Firebase Hosting and Cloud Functions for Firebase with these\nframeworks, you can develop apps and microservices in your preferred framework\nenvironment, and then deploy them in a managed, secure server environment.\n\nSupport during this early preview includes the following functionality:\n\n- Deploy Web apps comprised of static web content\n- Deploy Web apps that use pre-rendering / Static Site Generation (SSG)\n- Deploy Web apps that use server-side Rendering (SSR)---full server rendering on demand\n\nFirebase provides this functionality through the Firebase CLI. When initializing\nHosting on the command line, you provide information about your new or existing\nWeb project, and the CLI sets up the right resources for your chosen Web\nframework.\n| **Note:** Framework-aware Hosting is an early public preview. This means that the functionality might change in backward-incompatible ways. A preview release is not subject to any SLA or deprecation policy and may receive limited or no support.\n\nBefore you begin\n\nBefore you get started deploying your app to Firebase,\nreview the following requirements and options:\n\n- Firebase CLI version 12.1.0 or later. Make sure to [install the CLI](/docs/cli#install_the_firebase_cli) using your preferred method.\n- Optional: Billing enabled on your Firebase project (required if you plan to use SSR)\n\nServe locally\n\nYou can test your integration locally by following these steps:\n\n1. Run `firebase emulators:start` from the terminal. This builds your app and serves it using the Firebase CLI.\n2. Open your web app at the local URL returned by the CLI (usually http://localhost:5000).\n\nDeploy your app to Firebase Hosting\n\nWhen you're ready to share your changes with the world, deploy your app to your\nlive site:\n\n1. Run `firebase deploy` from the terminal.\n2. Check your website on: `SITE_ID.web.app` or `PROJECT_ID.web.app` (or your custom domain, if you set one up).\n\nConfigure different environments\n\nYou can deploy multiple sets of environment variables for different project environments, such as staging and production.\n\nLike Cloud Functions for Firebase, this tooling supports the [dotenv](https://www.npmjs.com/package/dotenv) file format for loading environment variables specified in a .env file.\n\n- If you have a `staging` project alias, you can deploy environment variables from a `.env.staging` file.\n- If you have a `production` project alias, you can deploy environment variables from a `.env.production` file.\n- If you have a project with id `PROJECT_ID`, you can deploy environment variables from a `.env.PROJECT_ID` file.\n\nSee the [Cloud Functions documentation](https://firebase.google.com/docs/functions/config-env?gen=2nd#deploying_multiple_sets_of_environment_variables) for a detailed guide.\n\nNext steps\n\nSee the detailed guide for your preferred framework:\n\n- [Angular](/docs/hosting/frameworks/angular)\n- [Next.js](/docs/hosting/frameworks/nextjs)\n- [Flutter Web](/docs/hosting/frameworks/flutter)\n- [Frameworks with Express.js](/docs/hosting/frameworks/express)"]]
