Créez un Projet Firebase

Connectez-vous à la console Firebase sur https://console.firebase.google.com/
Note: Vous devez être connecté à votre compte Google pour accéder à cette page.
Si vous n'avez pas de compte Google, vous devez en créer un pour continuer ce processus.


Cliquez sur "Ajouter un projet"

picture

Une fenêtre appelée “Créer un projet” s'ouvre.
3 - Nommez votre projet
4 - Cliquez sur "Continuer" puis activez ou non Google Analytics
5 - Cliquez ensuite sur "Créer un projet".


1

Paramètres du projet Firebase

1. Dans le menu Firebase en haut à gauche, cliquez sur la Roue puis sur "Paramètres du projet".

picture

2. Cliquez sur l'onglet Cloud Messaging
3. Copiez l'ID de l'expéditeur. Dans notre exemple ci-dessous, il s'agit de 839819466506.
4. Ouvrez votre back-office dans un nouvel onglet.

picture

2

Collez l'ID de l'expéditeur dans votre back office

1 - Dans le menu Canaux de vente > PWA > Certificats de Push  de votre back office 
2 - collez  l'ID de l'expéditeur dans le champ prévu à cet effet (en bas de page)
3 -  cliquez sur Etape suivante.

 


3

De retour sur la console Firebase

1. Dans la console Firebase, allez dans le menu Paramètres du projet > Onglet " Cloud Messaging ".
2. Cliquez sur les 3 points à côté de Cloud Messaging API (Legacy) puis cliquez sur "Manage API in Google Cloud Console".

picture

3. Cliquez sur "Activer" sous Cloud Messaging dans le nouvel onglet qui s'est ouvert.
4. Retournez à l'onglet Firebase et rechargez votre page.
5. Copiez le jeton sous Cloud Messaging API (Legacy).

picture

4

De retour sur votre back office

1. Rendez-vous à nouveau dans le menu Canaux de vente > PWA > Certificats de Push  
2.Collez la clé du serveur que vous avez copiée à l'étape 4.5 ci-dessus.
3. Cliquez sur "Étape suivante".

 

picture

5

Re-générez votre PWA

1. Rendez vous dans le menu Canaux de vente > PWA > Publier
2. Cliquez sur "Régénérer ma Progressive Web App"
 et recompilez (régénérer) votre PWA pour intégrer cette clé à votre app.
3. Une fois votre PWA régénérée, vous pourrez envoyer des push sur votre app.


Autres articles
Conseils pour créer une app