How angular/angularfire works
AngularFire is an Angular integration layer for Firebase: application code configures an app through Angular dependency injection, consumes product-specific services and observable APIs, and sends operations to Firebase. The graph emphasizes that setup-to-service workflow while retaining the README’s distinct Firebase product integrations, compatibility API, and documented Router-aware analytics and authentication guards. Sampled source confirms app and selected service provider behavior; other product nodes and links reflect the repository tree and README, so uncertain internal wiring is omitted.
Main entry points: app.module.ts Firebase app · auth.module.ts Authentication · analytics.module.ts Google Analytics · public_api.ts Compat services
Components 22
Angular setup
- Firebase app
src/app/app.module.ts - AngularFire core
src/core.ts
Firebase products
- Authentication
src/auth/auth.module.ts - Auth route guards
src/auth-guard/auth-guard.ts - Cloud Firestore
src/firestore/firestore.module.ts - Realtime Database
src/database/database.module.ts - Cloud Functions
src/functions/functions.module.ts - Cloud Storage
src/storage/storage.module.ts - Google Analytics
src/analytics/analytics.module.ts - Screen tracking
src/analytics/screen-tracking.service.ts - Cloud Messaging
src/messaging/messaging.module.ts - Remote Config
src/remote-config/remote-config.module.ts - Performance monitoring
src/performance/performance.module.ts - App Check
src/app-check/app-check.module.ts - AI Logic
src/ai/ai.module.ts - Data Connect
src/data-connect/data-connect.module.ts
Compatibility API
- Compat services
src/compat/public_api.ts - Compat Storage
src/compat/storage/storage.ts - Compat Database
src/compat/database/database.ts
Other components
- Application developer
- Firebase JS SDK
- Angular app
Connections 35
- Application developer → Firebase app: configures providers
- Firebase app → Firebase JS SDK: initializes app
- Firebase app → AngularFire core: provides DI context
- Application developer → Authentication: injects service
- Application developer → Cloud Firestore: injects service
- Application developer → Realtime Database: injects service
- Application developer → Cloud Functions: injects service
- Application developer → Cloud Storage: injects service
- Application developer → Google Analytics: injects service
- Application developer → Cloud Messaging: injects service
- Application developer → Remote Config: injects service
- Application developer → Performance monitoring: injects service
- Application developer → App Check: injects service
- Application developer → AI Logic: injects service
- Application developer → Data Connect: injects service
- Authentication → Firebase JS SDK: wraps SDK
- Cloud Firestore → Firebase JS SDK: wraps SDK
- Realtime Database → Firebase JS SDK: wraps SDK
- Cloud Functions → Firebase JS SDK: wraps SDK
- Cloud Storage → Firebase JS SDK: wraps SDK
- Google Analytics → Firebase JS SDK: wraps SDK
- Cloud Messaging → Firebase JS SDK: wraps SDK
- Remote Config → Firebase JS SDK: wraps SDK
- Performance monitoring → Firebase JS SDK: wraps SDK
- App Check → Firebase JS SDK: wraps SDK
- AI Logic → Firebase JS SDK: wraps SDK
- Data Connect → Firebase JS SDK: wraps SDK
- Angular app → Auth route guards: checks auth
- Auth route guards → Authentication: uses auth state
- Angular app → Screen tracking: routes activate
- Screen tracking → Google Analytics: logs screen views
- Compat services → Compat Storage: exports service
- Compat services → Compat Database: exports service
- Compat Storage → Firebase JS SDK: wraps SDK
- Compat Database → Firebase JS SDK: wraps SDK