Technique & bonnes pratiques

Tutoriel : Création d’un projet Firebase

Publié le 23 mars 2022 · Mis à jour le 2 février 2023

À savoir · Tutoriel rédigé en 2022 et mis à jour en 2023 : la console Firebase évolue régulièrement, certains intitulés de boutons peuvent différer.

Nous continuons notre série d’articles utiles avec aujourd’hui un tutoriel pour vous aider en quelques clics à créer un projet sur Firebase, l’ajouter à votre application mobile et créer des accès à vos collaborateurs.

Si vous êtes étranger à tout ça, nous allons tout d’abord prendre le temps de revenir sur ce qu’est un projet Firebase. Vous êtes prêts ?

Qu’est-ce qu’un projet Firebase ?

Les projets Firebase sont des projets Google Cloud Platform qui utilisent les services Firebase et présentent les caractéristiques suivantes :

Les projets vous permettent de partager des données et des analyses entre différentes plates-formes (Android, iOS et Web). L’utilisation est donc la même pour tout le monde, sur tous les appareils.

Chaque application utilisant Firebase est connectée à un seul projet Firebase. Vous pouvez ainsi gérer toutes les versions de votre application depuis la console Firebase.

Passer par la création d’un projet Firebase vous permettra également d’ajouter un système de Push Notifications dans une application. Sans compter les données analytiques que vous pourrez collecter afin de mesurer et prendre les meilleures décisions marketing qui vous aideront à propulser votre application mobile.

Voilà qui est on ne peut plus clair, nous sommes fin prêts à nous y mettre !

Créer un projet Firebase

  1. En premier lieu, si vous n’avez aucun compte Gmail, la première étape sera d’en créer un.
  1. Connectez-vous sur la Console Google Firebase et cliquez sur « Ajouter un projet ».
Console Firebase : liste des projets et bouton « Ajouter un projet »
  1. Donnez un nom à votre projet puis cliquez sur « Continuer »
Création d’un projet Firebase, étape 1 sur 3 : le nom du projet
  1. Cliquez sur « Continuer » pour activer Google Analytics
Création d’un projet Firebase, étape 2 sur 3 : activation de Google Analytics
  1. Sélectionnez votre compte Google Analytics si déjà existant. Sinon, cliquez sur « Créer un compte » dans le menu déroulant. Note au 21/04/2022 : Si ce n’est pas déjà fait, n’oubliez pas de finaliser la migration de votre propriété Universal Analytics vers Google Analytics 4.
Création d’un projet Firebase, étape 3 sur 3 : choix du compte Google Analytics

La création du projet peut prendre quelques instants. Une fois la projet créé, vous êtes redirigé vers le tableau de bord.

Ajouter Firebase sur son application mobile

Vous souhaitez maintenant ajouter Firebase à votre application mobile iOS, Android et/ou Web ?

1. Cliquez sur l’icône Android, iOS ou Web qui se trouve en dessous du nom de votre projet.

Console Firebase : tableau de bord du projet, avec les boutons pour ajouter une application iOS, Android ou Web

2. Remplissez le « Nom du package ». Pour cela, il faudra le demander à votre développeur, puis cliquez sur « Enregistrer l’application ».

Formulaire Firebase d’ajout d’une application Android, avec le nom du package

3. Téléchargez le fichier « google-service-json » pour Android ou « GoogleService-Info.plist » pour iOS grâce au bouton et cliquez sur « Continuer ». Gardez le fichier pour l’intégrer dans l’application ensuite.

Ajout de Firebase à une application Android : téléchargement du fichier de configuration google-services.json

4. Cliquez sur terminé.

Félicitations, vous avez créé un projet sur Firebase et l’avez rajouté dans votre application !

Si cela vous file des boutons de rentrer dans ces manipulations plus techniques et donc plus sensibles, le plus simple serait de créer des accès individuels aux développeurs sur votre compte Firebase. En tout cas, c’est comme ça que nous faisons chez Squirrel, on ne vous laisse pas en plan

Créer des accès sur Firebase

1. Cliquez sur l’icône des paramètres puis sur « Utilisateurs et autorisations »

2. Cliquez sur « Ajouter un membre », saisissez son adresse email et sélectionnez le rôle « Attribuer des rôles Firebase ». Enfin, cliquez dans la case de la première ligne « Firebase » de la première colonne « Administrateur » afin que toutes les cases se cochent automatiquement et donnent ainsi les accès nécessaires à vos développeurs.

Menu des paramètres Firebase donnant accès à « Utilisateurs et autorisations »
Ajout d’un membre au projet Firebase et attribution de son rôle

Nous espérons avoir été clairs et concis ! Si toutefois vous avez des demandes ou des remarques à nous faire parvenir, nous sommes à votre écoute.

Côté budget : estimer votre projet en quatre questions → nos fourchettes de prix →

Votre projet

Parlons de votre cas précis.

Trente minutes pour en parler concrètement. Vous repartez avec un avis argumenté sur votre projet, et si nous ne sommes pas les bons interlocuteurs, nous vous le dirons.

Parler de mon projet ou réservez directement 30 minutes ↗ Réponse rapide · échange direct avec l'équipe projet, sans intermédiaire