Espace Administrateur

Veuillez saisir votre mot de passe pour consulter les réponses des clients.

Synthèse du Formulaire

Nom — Téléphone

🔥

Guide de Configuration Firebase

Créez votre back-end gratuit en 3 étapes simples

Firebase est le service cloud de Google. Son forfait gratuit (Spark Plan) permet de stocker des milliers de formulaires sans jamais payer. Une fois configuré, toutes les réponses saisies par les clients apparaîtront instantanément ici sur votre tableau de bord.

1 Créer un projet Firebase

1. Rendez-vous sur console.firebase.google.com et connectez-vous avec votre compte Google.
2. Cliquez sur « Ajouter un projet » (ou Add Project).
3. Nommez-le par exemple discovery-forms, désactivez Google Analytics (facultatif), puis cliquez sur « Créer un projet ».

2 Activer la base Cloud Firestore

1. Dans le menu de gauche, cliquez sur Génération (Build) puis Firestore Database.
2. Cliquez sur « Créer une base de données ».
3. Choisissez l'emplacement le plus proche (ex. europe-west1).
4. Sous l'onglet Règles (Rules), remplacez le contenu par ces règles pour autoriser la création de formulaires :

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /questionnaires/{document=**} {
      allow read, write: if true;
    }
  }
}

Cliquez ensuite sur « Publier » (Publish).

3 Récupérer vos clés Web et les coller dans le fichier

1. Cliquez sur l'icône d'engrenage ⚙️ en haut à gauche (Paramètres du projet / Project settings).
2. Dans la section « Vos applications », cliquez sur l'icône Web </>.
3. Donnez un surnom (ex. Admin Formulaire) et validez.
4. Copiez le bloc d'objet firebaseConfig qui s'affiche, puis ouvrez le fichier firebase-config.js dans votre dossier pour remplacer les valeurs :

const firebaseConfig = {
  apiKey: "AIzaSy...",
  authDomain: "votre-projet.firebaseapp.com",
  projectId: "votre-projet",
  storageBucket: "votre-projet.appspot.com",
  messagingSenderId: "123456789...",
  appId: "1:123456789:web:..."
};

C'est tout ! Dès que vous enregistrez le fichier firebase-config.js avec vos clés, le voyant de ce tableau de bord passera en vert « Firebase Connecté » et toutes les réponses de vos clients s'afficheront en temps réel.

Action effectuée

Espace Administrateur

Tableau de Bord Admin

Mode Démo Local actif (Firebase n'est pas encore lié)

Aucune réponse pour le moment

Nom — Téléphone

Guide de Configuration Firebase