Repolode
Enviar
angular

angular/angularfire

Bindings de Angular para Firebase JS SDK, con inyección de dependencias, observables de RxJS y API adaptadas a Angular para los servicios de Firebase.

Ver en GitHubSitio web
Estrellas
7,797
Forks
2,152
Issues abiertos
191
Último commit
hace 12 días

¿Qué es?

AngularFire envuelve Firebase JS SDK, independiente del framework, para que los desarrolladores de Angular puedan usar los servicios de Firebase como cualquier otro código de Angular. Los servicios de Firebase se proporcionan y se inyectan mediante la inyección de dependencias de Angular, y los datos en tiempo real se exponen como observables de RxJS en lugar de callbacks.

La biblioteca abarca una amplia variedad de productos de Firebase, como Authentication, Cloud Firestore, Realtime Database, Cloud Storage, Cloud Functions, Cloud Messaging, Remote Config, App Check y Data Connect. También incluye guards del router que comprueban el estado de Firebase Authentication, integración con Google Analytics que registra la navegación de Angular Router y una API basada en acciones compatible con NgRx. Gran parte del código de Firebase se importa dinámicamente para reducir el tiempo de carga inicial.

AngularFire se instala con `ng add @angular/fire`, y el repositorio incluye una aplicación de ejemplo que muestra la API modular con renderizado del lado del servidor sin zonas.

Funciones clave

  • 01Inyecta servicios de Firebase mediante la inyección de dependencias de Angular.
  • 02Expone los datos de Firebase en tiempo real como observables de RxJS.
  • 03Proporciona guards del router basados en Firebase Authentication.
  • 04Integra Google Analytics con la navegación de Angular Router.
  • 05Importa módulos de Firebase dinámicamente para reducir el tiempo de carga.
  • 06Ofrece una API basada en acciones compatible con NgRx.

Casos de uso

  • Crear una aplicación de Angular que almacene y sincronice datos en tiempo real con Cloud Firestore.
  • Proteger rutas de Angular mediante comprobaciones de inicio de sesión con Firebase Authentication.
  • Implementar una aplicación de Angular renderizada en el servidor en Firebase App Hosting.

Inicio rápido

  1. 1

    Añade AngularFire a tu proyecto de Angular con el schematic de Angular CLI

    ng add @angular/fire@next
  2. 2

    Sigue la guía de inicio rápido para configurar Firebase y proporcionar servicios en la configuración de tu app

Antes de usarlo

  • La documentación y la configuración dan por supuesto el uso de la nueva API modular tree-shakable; la antigua API compat está documentada por separado.
  • La configuración utiliza Firebase JS SDK y requiere la configuración de un proyecto de Firebase.

Temas

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

Preguntas frecuentes

¿Qué es angularfire?
Bindings de Angular para Firebase JS SDK, con inyección de dependencias, observables de RxJS y API adaptadas a Angular para los servicios de Firebase. AngularFire envuelve Firebase JS SDK, independiente del framework, para que los desarrolladores de Angular puedan usar los servicios de Firebase como cualquier otro código de Angular. Los servicios de Firebase se proporcionan y se inyectan mediante la inyección de dependencias de Angular, y los datos en tiempo real se exponen como observables de RxJS en lugar de callbacks.
¿angularfire es gratuito? ¿Qué licencia tiene?
angularfire es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿angularfire sigue mantenido?
Mantenimiento activo. El último commit de angularfire fue el 10 oct 2026.
¿Para qué puedo usar angularfire?
Crear una aplicación de Angular que almacene y sincronice datos en tiempo real con Cloud Firestore. Proteger rutas de Angular mediante comprobaciones de inicio de sesión con Firebase Authentication. Implementar una aplicación de Angular renderizada en el servidor en Firebase App Hosting.
¿Cómo se instala angularfire?
Añade AngularFire a tu proyecto de Angular con el schematic de Angular CLI: ng add @angular/fire@next Sigue la guía de inicio rápido para configurar Firebase y proporcionar servicios en la configuración de tu app
¿Dónde consigo angularfire?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/angular/angularfire

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados