C'est une excellente question, car Angular et Firebase sont extrêmement populaires et forment un couple très puissant pour le développement d'applications web modernes.
Angular est un framework frontend (côté client) permettant de construire l’interface utilisateur, c’est-à-dire ce que l’utilisateur voit et avec quoi il interagit. Firebase, quant à lui, est une plateforme backend (côté serveur) fournissant les services essentiels comme la base de données, l’authentification et l’hébergement.
Cette association est si courante qu’elle est souvent assimilée à un stack Full-Stack JavaScript (proche du MEAN stack), même si Firebase remplace ici Node.js et Express pour la gestion du backend.
Le véritable secret de la puissance Angular + Firebase réside dans la bibliothèque officielle AngularFire.
AngularFire est un ensemble de modules Angular servant de pont entre votre application Angular et les services Firebase.
Angular et Firebase sont particulièrement adaptés au rapid prototyping et aux applications nécessitant une synchronisation des données en temps réel.
| Service Firebase | Rôle dans l’application Angular |
|---|---|
| Authentication | Gère l’inscription et la connexion des utilisateurs, et protège les routes Angular via les Router Guards. |
| Cloud Firestore | Stocke et synchronise les données. Toute modification est reflétée instantanément dans l’interface Angular. |
| Firebase Hosting | Déploie et héberge l’application Angular sur des serveurs rapides et sécurisés. |
| Cloud Storage | Stocke les fichiers volumineux tels que les images, vidéos ou documents utilisateurs. |
En utilisant Firebase comme backend, les développeurs Angular peuvent créer une application full-stack sans avoir à concevoir ni maintenir un serveur backend traditionnel (API REST, bases de données SQL, etc.).