Étape 01Accéder à Firebase et créer le projet
Firebase est un service de Google. Vous devez disposer d'un compte Google pour créer et administrer le projet Firebase de votre association.
- Ouvrez la console Firebase.
- Connectez-vous avec le compte Google qui servira à administrer Firebase pour votre association.
- Si vous ne possédez pas encore de compte Google, créez-en un puis revenez sur la console Firebase.
- Cliquez sur « Ajouter un projet ».
- Saisissez un nom, par exemple « caisse-mon-association ».
- Désactivez Google Analytics si votre association n'en a pas besoin.
- Terminez la création du projet.
À savoirNous vous conseillons d'utiliser un compte Google dédié à l'association plutôt qu'un compte personnel. Le nom visible du projet et son projectId peuvent être différents ; le projectId est généré par Firebase et ne peut plus être modifié après la création.
Étape 02Activer Email / Mot de passe
- Dans Firebase, ouvrez « Sécurité > Authentication ».
- Cliquez sur « Commencer » si nécessaire.
- Ouvrez l'onglet « Méthodes de connexion ».
- Sélectionnez « Addresse E-mail/Mot de passe ».
- Activez Email/Password puis enregistrez.
Étape 03Créer l'utilisateur Firebase utilisé par Tilly
Un seul compte utilisateur peut être partagé par les appareils autorisés de l'association.
- Ouvrez « Sécurité > Authentication > Utilisateurs ».
- Cliquez sur « Ajouter un utilisateur ».
- Saisissez l'adresse email utilisée par l'association.
- Choisissez un mot de passe robuste.
- Conservez ce mot de passe précieusement.
À savoirTous les appareils devant partager les mêmes données doivent utiliser ce même compte. Deux comptes Firebase différents disposent de deux espaces de données séparés.
Étape 04Créer Cloud Firestore
- Ouvrez « Base de données & Stockage > Firestore ».
- Cliquez sur « Créer une base de données ».
- Choisissez l'édition standard.
- Choisissez l'emplacement voulu de la base de données. (peu importe la région, mais choisissez-en une proche de votre association pour de meilleures performances).
- Choisissez le mode production pour la base de données.
- Terminez la création.
Étape 05Publier les règles Firestore
Les règles de sécurité empêchent un utilisateur non connecté d'accéder aux données et isolent les données de chaque compte.
- Dans Firestore Database, ouvrez l'onglet « Règles ».
- Remplacez le contenu de l'éditeur par les règles ci-dessous.
- Cliquez sur « Publier ».
- Attendez environ une minute avant le premier essai.
rules_version = '2';
service cloud.firestore {
match /databases/{database}/documents {
match /organizations/default/users/{userId}/snapshots/{snapshotId} {
allow read, write: if request.auth != null
&& request.auth.uid == userId
&& snapshotId in ['caisse-main', 'caisse-dev'];
}
}
}
AttentionCopier ce bout de code sans le modifier est crucial. Toute modification peut rendre les données inaccessibles à Tilly.
Étape 06Configurer Android
- Revenez à la vue d'ensemble du projet.
- Cliquez sur « Ajouter une application » puis sur Android.
- Saisissez exactement le nom du package « com.tilly.caisse ».
- Choisissez un surnom, par exemple « Caisse Android ».
- Laissez le certificat SHA vide.
- Cliquez sur « Enregistrer l'application ».
- Téléchargez « google-services.json ».
com.tilly.caisse
Étape 07Configurer Windows
Firebase ne propose pas d'application Windows dans ce parcours. Tilly utilise donc la configuration d'une application Web.
- Revenez à la vue d'ensemble du projet.
- Cliquez sur « Ajouter une application » puis sur l'icône Web </>.
- Choisissez un surnom, par exemple « Caisse Windows ».
- N'activez pas Firebase Hosting.
- Cliquez sur « Enregistrer l'application ».
- Repérez le bloc firebaseConfig.
- Copiez le bloc firebaseConfig complet.
const firebaseConfig = {
apiKey: "...",
authDomain: "...",
projectId: "...",
storageBucket: "...",
messagingSenderId: "...",
appId: "..."
};
À savoirIl n'est pas nécessaire d'exécuter les commandes npm proposées par Firebase.
- Revenez à la vue d'ensemble du projet.
- Cliquez sur « Ajouter une application » puis sur l'icône Apple.
- Saisissez exactement le bundle ID « com.tilly.caisse ».
- Choisissez un surnom, par exemple « Caisse macOS ».
- Enregistrez l'application.
- Téléchargez « GoogleService-Info.plist ».
- Ouvrez le fichier avec un éditeur de texte et copiez tout son contenu.
com.tilly.caisse
Étape 09Activer Firebase dans Tilly
- Ouvrez « Config > Firebase » dans Tilly.
- Cliquez sur « Activer Firebase ».
- Cliquez sur « Coller » ou collez manuellement la configuration que vous avez copiée ou téléchargée.
- Saisissez l'email et le mot de passe créés dans Firebase Authentication.
- Cliquez sur « Activer ».
- Attendez que l'état indique « Synchronisation active ».
- Cliquez sur « Synchroniser ».
- Android : utilisez le contenu complet de google-services.json.
- Windows : utilisez le bloc firebaseConfig.
- macOS : utilisez le contenu complet de GoogleService-Info.plist.
Étape 10Vérifier la première synchronisation
- Cliquez sur « Synchroniser » dans Tilly.
- Vérifiez que Tilly indique « Données envoyées vers Firebase » ou « Données déjà synchronisées ».
- Ouvrez « Firestore Database > Data » dans Firebase.
- Vérifiez que le chemin ci-dessous existe.
organizations/default/users/{uid}/snapshots/caisse-main
À savoirLes builds de développement utilisent caisse-dev afin de ne pas mélanger leurs données avec celles d'une version publiée.
Étape 11Ajouter un deuxième appareil
- Installez Tilly sur le deuxième appareil.
- Récupérez la configuration Firebase correspondant à sa plateforme.
- Ouvrez « Config > Firebase > Activer Firebase ».
- Collez la configuration.
- Utilisez le même compte email et mot de passe.
- Cliquez sur « Synchroniser ».
- Si Firebase contient des données plus récentes, confirmez la restauration.
AttentionNe modifiez pas les données sur deux appareils en même temps. Synchronisez avant de changer d'appareil, travaillez sur un seul appareil, puis synchronisez à nouveau avant de reprendre sur l'autre.
Étape 12Résoudre les erreurs courantes
- Configuration non reconnue : recopiez la configuration complète depuis Firebase.
- Email ou mot de passe incorrect : vérifiez Authentication > Users et Sign-in method.
- Accès Firestore refusé : vérifiez que les règles ont bien été publiées.
- Aucune donnée sur le deuxième appareil : vérifiez que les deux appareils utilisent le même compte.
- Mauvais projet Firebase : reconfigurez le projet depuis Config > Firebase.
Étape 13Sécurité et sauvegardes
- Conservez le mot de passe Firebase confidentiel.
- Effectuez une sauvegarde avant une restauration importante.
- Les paramètres Firebase ne sont pas inclus dans les sauvegardes.
- Le secret HelloAsso n'est ni exporté dans les sauvegardes JSON ni synchronisé dans Firebase.