Partie 1 : Démarrer un projet sur de bonnes bases
Partie 2 : Construire un espace membre sécurisé avec JWT
Partie 3 : Implémenter des fonctionnalités métiers
Partie 4 : Bonus

4. Mise en place de Firebase

Je vous ai rapidement présenter Firebase au début de ce cours. C’est une solution de Google qui va nous permettre de mettre en place le backend de votre application en quelques clics. Afin de pouvoir utiliser Firebase depuis notre application Angular, nous allons devoir créer un compte sur leur site, et ajouter les clefs de configuration de notre projet fournis par Firebase dans notre application.


En cherchant sur Internet, vous pourrez trouver des paquets proposant de faciliter l’intégration de Firebase avec Angular. C’est effectivement très pratique pour développer une application avec Firebase, mais il y a deux contraintes majeures :

  • On ne voit pas comment faire les appels au backend. Toute cette compléxité est masqué par la librairie, donc on ne peut pas comprendre ce qu’il se passe vraiment.
  • Firebase est très peu utilisé dans la « vraie » vie par les entreprises, voir pas du tout. C’est très pratique pour mettre en place rapidement un backend à des fins pédagogique, ou pour de petits projets personnels, mais cette solution a ses limites. 

L’approche que j’ai utilisé dans ce cours, c’est d’utilisé directement l’API Rest de Firebase. Comme ça, vous pourrai par la suite interagir avec n’importe quel API Rest dans les projets que vous rencontrerez. Il n’y aura “que” l’url à adapter, et le corps de vos requêtes. Cette approche hybride semble le meilleur compromis : nous comprenons ce nous développons, nous saurons interagir avec n’importe quelle API Rest, et nous ne perdons pas des heures à mettre en place un backend fonctionnel. 😉