Connecter une application Flutter à Firebase avec FlutterFire CLI

Objectif

• Savoir connecter une application Flutter à Firebase avec FlutterFire CLI.
• Créer une base de données Cloud Firestore pour une gestion de bibliothèque (livres, lecteurs, prêts).
• Être capable d’ajouter, afficher et gérer les données dans Firebase depuis Flutter.

Créer votre projet Flutter

• Dans votre terminal Visual Studio Code ou autre :

flutter create base_firebase_flutter
cd base_firebase_flutter

Installer la CLI Firebase

• Firebase CLI fonctionne avec Node.js. Installez-le si nécessaire :
• Télécharger Node.js
• Installer la CLI Firebase globalement :

npm install -g firebase-tools

Installer la CLI FlutterFire

• Outil indispensable pour connecter automatiquement Flutter à Firebase :

dart pub global activate flutterfire_cli

Authentifier la CLI Firebase

• Connexion au compte Google :

firebase login

Créer un projet Firebase : gestion_bibliotheque

• Aller vers : https://console.firebase.google.com/
• Cliquer sur Ajouter un projet
• Nom du projet : gestion_bibliotheque
• Créer le projet ?

Connecter Flutter à Firebase automatiquement ?

• Exécuter dans le projet Flutter :

flutterfire configure

• Fichier généré : lib/firebase_options.dart
• Configuration Android/iOS/Web prête sans manipulation

? Vous venez d’éviter beaucoup de configuration manuelle

Installer les packages Firebase nécessaires

• Package indispensable :

flutter pub add firebase_core

Initialiser Firebase dans Flutter

• Dans lib/main.dart remplacer votre fonction main :

import 'package:flutter/material.dart';
import 'package:firebase_core/firebase_core.dart';
import 'firebase_options.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp(
    options: DefaultFirebaseOptions.currentPlatform,
  );
  runApp(const MyApp());
}

Créer les collections Firestore ?

• Exemple de structure pour une gestion de bibliothèque :

books
 ├─ idLivre1
 │   ├─ titre: "Le Petit Prince"
 │   ├─ auteur: "Antoine de Saint-Exupéry"
 │   ├─ disponible: true
 ├─ idLivre2
     ├─ titre: "Harry Potter"
     ├─ auteur: "J.K. Rowling"
     ├─ disponible: false

• readers: gérer les abonnés
• prets: associer lecteur + livre + date

Fin de configuration ✅

• Firebase est connecté à Flutter à 100%
• Vous pouvez maintenant :
  • Ajouter, afficher et modifier des livres
  • Gérer les prêts et les retours
  • Afficher la bibliothèque dans l’application
• L’aventure continue… ??