Afficher les données Firestore avec StreamProvider

Google Firebase

1. Objectif

2. Présentation

3. Structure du tutoriel

   • Présentation de la base de données
   • Installation des packages
   • Création du modèle : user_model.dart
   • Service Firebase : firebase_services.dart
   • Configuration de StreamProvider
   • Interface utilisateur
   • Ajout de données avec un bouton flottant

4. Présentation de la base de données

   • Le forfait gratuit Firebase est limité à 50 connexions et 100 Mo de stockage.
   Structure de base de Firestore
   • Firestore est une base NoSQL hiérarchique, organisée comme suit :
     ? Collection └─ ? Document ├─ ? Champs (name, age, etc.) └─ ? Sous-collection └─ ? Document
   • 1. Collection
     • Une collection est un regroupement de documents. Elle a un nom et contient des documents, mais pas directement des champs.
     Exemple :

     FirebaseFirestore.instance.collection('users');

   • 2. Document
     • Un document est une entrée unique dans une collection, identifiée par un ID (tu peux le définir ou le laisser Firestore en générer un).
     • Un document peut contenir :
     • des champs (comme name, age, email, etc.)
     • des sous-collections
     Exemple :

     FirebaseFirestore.instance.collection('users').doc('userId123');

   • 3. Champs
     • Les champs sont des paires clé-valeur. Ce sont les vraies données contenues dans un document.
     • Exemple :

     {
       "name": "Ali",
       "age": 21
     }

   • 4. Sous-collection
     • Une sous-collection est une collection imbriquée dans un document.
     • Elle permet de modéliser des relations complexes (comme un utilisateur → plusieurs commandes).
     Exemple :
     ? users └─ ? userId123 ├─ name: "Ali" └─ ? orders └─ ? order1 └─ price: 200
     Et en code Flutter :

     
     FirebaseFirestore.instance
       .collection('users')
       .doc('userId123')
       .collection('orders');

   • Exemple complet en code :

     FirebaseFirestore.instance
       .collection('users') // collection
       .doc('userId123') // document
       .collection('orders') // sous-collection
       .doc('order1') // document dans la sous-collection
       .set({
         'price': 200,
         'status': 'paid'
       });

5. Les services offerts par Firebase