Repolode
Предложить
angular

angular/angularfire

Angular-привязки для Firebase JS SDK: внедрение зависимостей, RxJS-обсерваблы и удобные для Angular API Firebase-сервисов.

Открыть на GitHubСайт
Звёзды
7,797
Форки
2,152
Открытые issues
191
Последний коммит
12 дней назад

Что это?

AngularFire оборачивает не зависящий от фреймворка Firebase JS SDK, чтобы разработчики на Angular могли работать с сервисами Firebase так же, как с остальным кодом Angular. Сервисы Firebase предоставляются и внедряются через механизм внедрения зависимостей Angular, а данные в реальном времени доступны как RxJS-обсерваблы, а не через callbacks.

Библиотека охватывает широкий набор продуктов Firebase, включая Authentication, Cloud Firestore, Realtime Database, Cloud Storage, Cloud Functions, Cloud Messaging, Remote Config, App Check и Data Connect. В неё также входят router guards для проверки состояния Firebase Authentication, интеграция с Google Analytics для отслеживания навигации Angular Router и API на основе действий, совместимый с NgRx. Многие части кода Firebase загружаются динамически, чтобы сократить время начальной загрузки.

AngularFire устанавливается командой `ng add @angular/fire`; в репозитории также есть пример приложения, демонстрирующий модульный API и бессобытийный рендеринг на стороне сервера.

Ключевые возможности

  • 01Внедряет сервисы Firebase через механизм внедрения зависимостей Angular.
  • 02Предоставляет данные Firebase в реальном времени в виде RxJS-обсерваблов.
  • 03Предоставляет router guards, использующие Firebase Authentication.
  • 04Интегрирует Google Analytics с навигацией Angular Router.
  • 05Динамически загружает модули Firebase, сокращая время загрузки.
  • 06Предлагает API на основе действий, совместимый с NgRx.

Сценарии использования

  • Создание приложения на Angular, которое хранит данные в Cloud Firestore и синхронизирует их в реальном времени.
  • Защита маршрутов Angular с помощью проверки входа через Firebase Authentication.
  • Развёртывание приложения на Angular с серверным рендерингом в Firebase App Hosting.

Быстрый старт

  1. 1

    Добавьте AngularFire в проект Angular с помощью schematic из Angular CLI

    ng add @angular/fire@next
  2. 2

    Следуйте краткому руководству, чтобы настроить Firebase и предоставить сервисы в конфигурации приложения

Что важно знать

  • Документация и настройка рассчитаны на новую модульную tree-shakable API; старая compat API описана отдельно.
  • Для настройки используется Firebase JS SDK и требуется конфигурация проекта Firebase.

Темы

#angular#firebase#rxjs#typescript#realtime-database#authentication#server-side-rendering#angularfire#cloud-firestore#cloud-functions

Частые вопросы

Что такое angularfire?
Angular-привязки для Firebase JS SDK: внедрение зависимостей, RxJS-обсерваблы и удобные для Angular API Firebase-сервисов. AngularFire оборачивает не зависящий от фреймворка Firebase JS SDK, чтобы разработчики на Angular могли работать с сервисами Firebase так же, как с остальным кодом Angular. Сервисы Firebase предоставляются и внедряются через механизм внедрения зависимостей Angular, а данные в реальном времени доступны как RxJS-обсерваблы, а не через callbacks.
angularfire можно использовать бесплатно? Какая у него лицензия?
angularfire распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
angularfire всё ещё поддерживается?
Активно поддерживается. Последний коммит в angularfire — 10 окт. 2026 г..
Для чего можно использовать angularfire?
Создание приложения на Angular, которое хранит данные в Cloud Firestore и синхронизирует их в реальном времени. Защита маршрутов Angular с помощью проверки входа через Firebase Authentication. Развёртывание приложения на Angular с серверным рендерингом в Firebase App Hosting.
Как установить angularfire?
Добавьте AngularFire в проект Angular с помощью schematic из Angular CLI: ng add @angular/fire@next Следуйте краткому руководству, чтобы настроить Firebase и предоставить сервисы в конфигурации приложения
Где скачать angularfire?
Исходный код и инструкции по установке — на GitHub: https://github.com/angular/angularfire

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты