angular/angularfire

这是什么？

核心功能

• 01通过 Angular 依赖注入提供和使用 Firebase 服务。
• 02将 Firebase 实时数据以 RxJS Observable 形式输出。
• 03提供基于 Firebase Authentication 的路由守卫。
• 04与 Angular Router 联动，自动进行 Google Analytics 页面统计。
• 05动态导入 Firebase 模块，减少应用加载时间。
• 06提供便于与 NgRx 配合的基于 action 的 API。

适用场景

• 构建通过 Cloud Firestore 实时存取和同步数据的 Angular 应用。
• 使用 Firebase Authentication 登录状态保护 Angular 路由。
• 将服务端渲染的 Angular 应用部署到 Firebase App Hosting。

快速上手

1. 1

   使用 Angular CLI 原理图将 AngularFire 添加到你的 Angular 项目

   ng add @angular/fire@next
2. 2

   按照快速入门指南配置 Firebase 并在应用配置中提供服务

使用前须知

• !文档和设置假设使用新的可摇树优化的模块化 API；旧的兼容 API 另有文档。
• !设置依赖 Firebase JS SDK，并需要 Firebase 项目配置。

标签

常见问题

angularfire 是什么？

面向 Angular 的 Firebase 官方集成库，提供依赖注入与 RxJS 风格的 Firebase 服务调用。 AngularFire 对与框架无关的 Firebase JS SDK 做了一层 Angular 适配，让开发者可以像使用其他 Angular 代码一样使用 Firebase 服务。Firebase 服务通过 Angular 的依赖注入提供和注入，实时数据则以 RxJS Observable 形式返回，而不是回调函数。

angularfire 可以免费使用吗？用的什么许可证？

angularfire 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

angularfire 还在维护吗？

活跃维护中。angularfire 最近一次提交是在 2026年10月10日。

angularfire 适合用来做什么？

构建通过 Cloud Firestore 实时存取和同步数据的 Angular 应用。 使用 Firebase Authentication 登录状态保护 Angular 路由。 将服务端渲染的 Angular 应用部署到 Firebase App Hosting。

angularfire 怎么安装和运行？

使用 Angular CLI 原理图将 AngularFire 添加到你的 Angular 项目: ng add @angular/fire@next 按照快速入门指南配置 Firebase 并在应用配置中提供服务

在哪里获取 angularfire？

源代码和安装说明在 GitHub 上：https://github.com/angular/angularfire