SlideShare una empresa de Scribd logo
1 de 16
Descargar para leer sin conexión
Intégration d'un système de
Notifications Push dans une app
Android via Google Firebase Cloud
Messaging (FCM) et un serveur
LAMP
FOUOMENE PEWO Daniel Rene
www.facebook.com/pages/FreelancerTech/822357474482862
www.twitter.com/FREELANCERTECH (@FREELANCERTECH)
Une équipe d’experts dans leur domaine technologique qui
ont décidé de se mettre ensemble pour offrir leurs services
en fonction de leurs disponibilités,
www.freelancertech.net
Plan
➢ Définition
➢ Architecture technique
➢ Fonctionnement de l’envoi d’une notification
push mobile avec FCM
➢ Réception sous conditions
➢ Pratiques
➢ Conseils - Astuces
www.freelancertech.net
Définition
Une notification push est un message envoyé à
l’utilisateur d’un mobile, ce message est lié à une
application installée sur le mobile.
L’avantage de la notification push c’est que le message est
reçu par l’utilisateur même si l’application est fermée.
www.freelancertech.net
Définition
➢ Firebase Cloud Messaging (FCM) est
un service de Google permettant l’envoi de
notifications Push à des terminaux.
➢On appelait précédemment Google
Cloud Messaging (GCM).
➢ FCM est supporté par les applications
client iOS, Android ou Web (JavaScript).
➢ FCM a été conçu pour envoyer 170
milliards de notifications par jour.
www.freelancertech.net
Définition
Un serveur LAMP est un serveur web sur lequel Linux,
Apache, MySQL et PHP sont installés.
www.freelancertech.net
Architecture Technique
www.freelancertech.net
Fonctionnement de l’envoi
d’une notification push mobile
avec FCM
www.freelancertech.net
Fonctionnement de l’envoi d’une
notification push mobile avec FCM
www.freelancertech.net
1. À chaque ouverture de l’application mobile, demande d’un
identifiant unique TOKEN à FCM pour identifier l’application sur le
mobile,
2. Envoi du TOKEN de FCM à l’application mobile,
3. Transmission du TOKEN au serveur LAMP d’envoi qui va être stocké
(ou rafraîchi) dans une base de données,
4. Pour l’envoi d’une notification push, le serveur LAMP
d’envoi transmet la notification push à FCM. Pour cela il indique
l’identifiant concerné et le message associé,
5. FCM vérifie les paramètres push (autorisations et identité de
l’application) et transmet la notification au mobile ciblé,
6. FCM envoie immédiatement un rapport de réception des notifications
pour mettre la base d’identifiants à jour (selon les désinstallations et
la désactivation des notifications),
Réception sous conditions
➢ N’est pas garantir à 100%.
➢ Refus de réception des notifications par une
application (Dans ce cas, le processus d’envoi a tout
de même lieu, le mobile reçoit bien la notification,
mais il ne l’affiche pas)
➢ Perdre suite à une erreur informatique, EX : mobile
reste éteint trop longtemps (les notifications peuvent
expirer).
www.freelancertech.net
Pratique / Test
Configurer FCM pour utiliser le service
Android Push Notifications :
➢ 1- Créer un projet Firebase via la Console Firebase
(https://console.firebase.google.com/ ), Accédez aux
paramètres du projet à partir du menu sur la gauche et
récupérer, Dans l'onglet Cloud Messaging SERVER_KEY :
**************************
➢ 2- Créer votre application Firebase FCM Android et télécharger
le fichier google-services.json
www.freelancertech.net
Pratique / Test
Création du Serveur Backend PHP pour LAMP :
Qui permettra :
1- D'enregistrer les ID des mobiles dans une BD (
register.php, db_token.sql )
2- D'envoyer des Push Notifications via des requêtes
HTTP POST ou GET au Serveur Push FCM
(push_notification.php )
www.freelancertech.net
Pratique / Test
Création de l'application Android Démo
1- Création app avec le même Package Name renseigné
lors de la création de l’app Firebase FCM Android
2- Intégration du SDK Firebase dans l'app Demo
- Copie du fichier google-services.json à la racine
du répertoire app
- Ajouter les dépendances Firebase
- Créer les classes services
FirebaseInstanceIDService.java;
FirebaseMessagingService.java
- Enregistrer ses services dans le fichier manifeste
www.freelancertech.net
Conseil - Astuce
<receiver android:name="receiver.MyReceiver" android:enabled="true"
android:exported="false">
<intent-filter>
<action android:name="android.intent.action.BOOT_COMPLETED"/>
</intent-filter>
</receiver>
FirebaseInstanceId.getInstance().getToken();
www.freelancertech.net
https://github.com/fouomene/DemoAndroidPushNotification
Code Source
www.freelancertech.net
Intégration d'un système de Notifications Push dans une app Android via Google Firebase Cloud Messaging (FCM) et un serveur LAMP

Más contenido relacionado

La actualidad más candente

Android Library Management System
Android Library Management SystemAndroid Library Management System
Android Library Management Systemshafaet karim
 
BluetoothIM Documentation with Complete Source Code
BluetoothIM Documentation with Complete Source CodeBluetoothIM Documentation with Complete Source Code
BluetoothIM Documentation with Complete Source CodeRajesh Karumanchi
 
An Introduction to Google Chrome OS..........
An Introduction to Google Chrome OS..........An Introduction to Google Chrome OS..........
An Introduction to Google Chrome OS..........VAST TRICHUR
 
Googlechrome ppt
Googlechrome pptGooglechrome ppt
Googlechrome pptabshah37
 
Mobile app design document
Mobile app design documentMobile app design document
Mobile app design documentNeeru Seth
 
Location based reminder
Location based reminderLocation based reminder
Location based reminderjunnubabu
 
Google chrome os (perfect version)
Google chrome os (perfect version)Google chrome os (perfect version)
Google chrome os (perfect version)En Tj Pj
 
Google chrome operating system
Google chrome operating systemGoogle chrome operating system
Google chrome operating systemkondalarao7
 
Problem statement
Problem statementProblem statement
Problem statementKanika Jain
 
My Final year project on Android app development
My Final year project on Android app developmentMy Final year project on Android app development
My Final year project on Android app developmentrahulkumargiri
 
Library Management System Project
Library Management System ProjectLibrary Management System Project
Library Management System Projectstoeli
 
E Learning Management System By Tuhin Roy Using PHP
E Learning Management System By Tuhin Roy Using PHPE Learning Management System By Tuhin Roy Using PHP
E Learning Management System By Tuhin Roy Using PHPTuhin Ray
 
Network Administrator Project PowerPoint
Network Administrator Project PowerPointNetwork Administrator Project PowerPoint
Network Administrator Project PowerPointSteven Washington
 
Nosa Shandy - Clickjacking That Worthy-Google Bug Hunting Story.pdf
Nosa Shandy - Clickjacking That Worthy-Google Bug Hunting Story.pdfNosa Shandy - Clickjacking That Worthy-Google Bug Hunting Story.pdf
Nosa Shandy - Clickjacking That Worthy-Google Bug Hunting Story.pdfidsecconf
 
Mobile Based Doctor-Patient Consultation Application [E-Clinic]
Mobile Based Doctor-Patient Consultation Application [E-Clinic]Mobile Based Doctor-Patient Consultation Application [E-Clinic]
Mobile Based Doctor-Patient Consultation Application [E-Clinic]NahidHasanSany
 
Hostel management system (5)
Hostel management system (5)Hostel management system (5)
Hostel management system (5)PRIYANKMZN
 

La actualidad más candente (20)

Android Library Management System
Android Library Management SystemAndroid Library Management System
Android Library Management System
 
School management-system
School management-systemSchool management-system
School management-system
 
Android security
Android securityAndroid security
Android security
 
BluetoothIM Documentation with Complete Source Code
BluetoothIM Documentation with Complete Source CodeBluetoothIM Documentation with Complete Source Code
BluetoothIM Documentation with Complete Source Code
 
An Introduction to Google Chrome OS..........
An Introduction to Google Chrome OS..........An Introduction to Google Chrome OS..........
An Introduction to Google Chrome OS..........
 
Googlechrome ppt
Googlechrome pptGooglechrome ppt
Googlechrome ppt
 
Mobile app design document
Mobile app design documentMobile app design document
Mobile app design document
 
Location based reminder
Location based reminderLocation based reminder
Location based reminder
 
Google chrome os (perfect version)
Google chrome os (perfect version)Google chrome os (perfect version)
Google chrome os (perfect version)
 
Google chrome operating system
Google chrome operating systemGoogle chrome operating system
Google chrome operating system
 
Problem statement
Problem statementProblem statement
Problem statement
 
My Final year project on Android app development
My Final year project on Android app developmentMy Final year project on Android app development
My Final year project on Android app development
 
Library Management System Project
Library Management System ProjectLibrary Management System Project
Library Management System Project
 
E Learning Management System By Tuhin Roy Using PHP
E Learning Management System By Tuhin Roy Using PHPE Learning Management System By Tuhin Roy Using PHP
E Learning Management System By Tuhin Roy Using PHP
 
Network Administrator Project PowerPoint
Network Administrator Project PowerPointNetwork Administrator Project PowerPoint
Network Administrator Project PowerPoint
 
Nosa Shandy - Clickjacking That Worthy-Google Bug Hunting Story.pdf
Nosa Shandy - Clickjacking That Worthy-Google Bug Hunting Story.pdfNosa Shandy - Clickjacking That Worthy-Google Bug Hunting Story.pdf
Nosa Shandy - Clickjacking That Worthy-Google Bug Hunting Story.pdf
 
Mobile Based Doctor-Patient Consultation Application [E-Clinic]
Mobile Based Doctor-Patient Consultation Application [E-Clinic]Mobile Based Doctor-Patient Consultation Application [E-Clinic]
Mobile Based Doctor-Patient Consultation Application [E-Clinic]
 
E learning
E learning E learning
E learning
 
Spyware
SpywareSpyware
Spyware
 
Hostel management system (5)
Hostel management system (5)Hostel management system (5)
Hostel management system (5)
 

Similar a Intégration d'un système de Notifications Push dans une app Android via Google Firebase Cloud Messaging (FCM) et un serveur LAMP

Atténuation des risques liés aux applications mobiles afin de garantir des dé...
Atténuation des risques liés aux applications mobiles afin de garantir des dé...Atténuation des risques liés aux applications mobiles afin de garantir des dé...
Atténuation des risques liés aux applications mobiles afin de garantir des dé...Flexera
 
OCTO 2013 : Déploiement d'applications entreprise pour WindowsPhone8
OCTO 2013 : Déploiement d'applications entreprise pour WindowsPhone8OCTO 2013 : Déploiement d'applications entreprise pour WindowsPhone8
OCTO 2013 : Déploiement d'applications entreprise pour WindowsPhone8OCTO Technology
 
Logiciel de bulk sms pour envoyer même message texte à partir du pc à plusieu...
Logiciel de bulk sms pour envoyer même message texte à partir du pc à plusieu...Logiciel de bulk sms pour envoyer même message texte à partir du pc à plusieu...
Logiciel de bulk sms pour envoyer même message texte à partir du pc à plusieu...Tarun Mittal
 
MobileDay - Session 2 REX IDEX
MobileDay - Session 2 REX IDEXMobileDay - Session 2 REX IDEX
MobileDay - Session 2 REX IDEXCellenza
 
Mode Emploi Méthode Marketing FR WEB
Mode Emploi Méthode Marketing FR WEBMode Emploi Méthode Marketing FR WEB
Mode Emploi Méthode Marketing FR WEBElise Macé
 
Computerland c cloud-2013oct17
Computerland c cloud-2013oct17Computerland c cloud-2013oct17
Computerland c cloud-2013oct17Patricia NENZI
 
Construire une Application Mobile en 30 minutes avec le plugin WP-AppKit
Construire une Application Mobile en 30 minutes avec le plugin WP-AppKitConstruire une Application Mobile en 30 minutes avec le plugin WP-AppKit
Construire une Application Mobile en 30 minutes avec le plugin WP-AppKituncatcrea
 
Proposition pim esprit mobile
Proposition pim esprit mobileProposition pim esprit mobile
Proposition pim esprit mobileSalma Sayah
 
POC Notes de frais
POC Notes de fraisPOC Notes de frais
POC Notes de fraispprem
 
Applications Android - cours 3 : Android Studio (Outil de développement)
Applications Android - cours 3 : Android Studio (Outil de développement)Applications Android - cours 3 : Android Studio (Outil de développement)
Applications Android - cours 3 : Android Studio (Outil de développement)Ahmed-Chawki Chaouche
 
Mobile Morning Adjust Azetone
Mobile Morning Adjust AzetoneMobile Morning Adjust Azetone
Mobile Morning Adjust AzetonePhilippe Dumont
 
Windows Phone Workshop: Globalization
Windows Phone Workshop: GlobalizationWindows Phone Workshop: Globalization
Windows Phone Workshop: GlobalizationZayen Chagra
 
Comment fidéliser vos utilisateurs Web, iOS et Android grâce aux push notific...
Comment fidéliser vos utilisateurs Web, iOS et Android grâce aux push notific...Comment fidéliser vos utilisateurs Web, iOS et Android grâce aux push notific...
Comment fidéliser vos utilisateurs Web, iOS et Android grâce aux push notific...Bruno Bourdmone
 
Atteindre la maturité de l'Application Readiness
Atteindre la maturité de l'Application ReadinessAtteindre la maturité de l'Application Readiness
Atteindre la maturité de l'Application ReadinessFlexera
 

Similar a Intégration d'un système de Notifications Push dans une app Android via Google Firebase Cloud Messaging (FCM) et un serveur LAMP (20)

Système de notifications
Système de notificationsSystème de notifications
Système de notifications
 
Atténuation des risques liés aux applications mobiles afin de garantir des dé...
Atténuation des risques liés aux applications mobiles afin de garantir des dé...Atténuation des risques liés aux applications mobiles afin de garantir des dé...
Atténuation des risques liés aux applications mobiles afin de garantir des dé...
 
OCTO 2013 : Déploiement d'applications entreprise pour WindowsPhone8
OCTO 2013 : Déploiement d'applications entreprise pour WindowsPhone8OCTO 2013 : Déploiement d'applications entreprise pour WindowsPhone8
OCTO 2013 : Déploiement d'applications entreprise pour WindowsPhone8
 
Logiciel de bulk sms pour envoyer même message texte à partir du pc à plusieu...
Logiciel de bulk sms pour envoyer même message texte à partir du pc à plusieu...Logiciel de bulk sms pour envoyer même message texte à partir du pc à plusieu...
Logiciel de bulk sms pour envoyer même message texte à partir du pc à plusieu...
 
cahier des charges
cahier des chargescahier des charges
cahier des charges
 
Push Notification
Push Notification Push Notification
Push Notification
 
MobileDay - Session 2 REX IDEX
MobileDay - Session 2 REX IDEXMobileDay - Session 2 REX IDEX
MobileDay - Session 2 REX IDEX
 
Mode Emploi Méthode Marketing FR WEB
Mode Emploi Méthode Marketing FR WEBMode Emploi Méthode Marketing FR WEB
Mode Emploi Méthode Marketing FR WEB
 
Computerland c cloud-2013oct17
Computerland c cloud-2013oct17Computerland c cloud-2013oct17
Computerland c cloud-2013oct17
 
Construire une Application Mobile en 30 minutes avec le plugin WP-AppKit
Construire une Application Mobile en 30 minutes avec le plugin WP-AppKitConstruire une Application Mobile en 30 minutes avec le plugin WP-AppKit
Construire une Application Mobile en 30 minutes avec le plugin WP-AppKit
 
Proposition pim esprit mobile
Proposition pim esprit mobileProposition pim esprit mobile
Proposition pim esprit mobile
 
POC Notes de frais
POC Notes de fraisPOC Notes de frais
POC Notes de frais
 
Meteor js 1.0
Meteor js 1.0Meteor js 1.0
Meteor js 1.0
 
Applications Android - cours 3 : Android Studio (Outil de développement)
Applications Android - cours 3 : Android Studio (Outil de développement)Applications Android - cours 3 : Android Studio (Outil de développement)
Applications Android - cours 3 : Android Studio (Outil de développement)
 
Mobile Morning Adjust Azetone
Mobile Morning Adjust AzetoneMobile Morning Adjust Azetone
Mobile Morning Adjust Azetone
 
Windows Phone Workshop: Globalization
Windows Phone Workshop: GlobalizationWindows Phone Workshop: Globalization
Windows Phone Workshop: Globalization
 
Comment fidéliser vos utilisateurs Web, iOS et Android grâce aux push notific...
Comment fidéliser vos utilisateurs Web, iOS et Android grâce aux push notific...Comment fidéliser vos utilisateurs Web, iOS et Android grâce aux push notific...
Comment fidéliser vos utilisateurs Web, iOS et Android grâce aux push notific...
 
Tizen formation-tizen
Tizen formation-tizenTizen formation-tizen
Tizen formation-tizen
 
Atteindre la maturité de l'Application Readiness
Atteindre la maturité de l'Application ReadinessAtteindre la maturité de l'Application Readiness
Atteindre la maturité de l'Application Readiness
 
Mobile cloud computing
Mobile cloud computingMobile cloud computing
Mobile cloud computing
 

Intégration d'un système de Notifications Push dans une app Android via Google Firebase Cloud Messaging (FCM) et un serveur LAMP

  • 1. Intégration d'un système de Notifications Push dans une app Android via Google Firebase Cloud Messaging (FCM) et un serveur LAMP FOUOMENE PEWO Daniel Rene
  • 2. www.facebook.com/pages/FreelancerTech/822357474482862 www.twitter.com/FREELANCERTECH (@FREELANCERTECH) Une équipe d’experts dans leur domaine technologique qui ont décidé de se mettre ensemble pour offrir leurs services en fonction de leurs disponibilités, www.freelancertech.net
  • 3. Plan ➢ Définition ➢ Architecture technique ➢ Fonctionnement de l’envoi d’une notification push mobile avec FCM ➢ Réception sous conditions ➢ Pratiques ➢ Conseils - Astuces www.freelancertech.net
  • 4. Définition Une notification push est un message envoyé à l’utilisateur d’un mobile, ce message est lié à une application installée sur le mobile. L’avantage de la notification push c’est que le message est reçu par l’utilisateur même si l’application est fermée. www.freelancertech.net
  • 5. Définition ➢ Firebase Cloud Messaging (FCM) est un service de Google permettant l’envoi de notifications Push à des terminaux. ➢On appelait précédemment Google Cloud Messaging (GCM). ➢ FCM est supporté par les applications client iOS, Android ou Web (JavaScript). ➢ FCM a été conçu pour envoyer 170 milliards de notifications par jour. www.freelancertech.net
  • 6. Définition Un serveur LAMP est un serveur web sur lequel Linux, Apache, MySQL et PHP sont installés. www.freelancertech.net
  • 8. Fonctionnement de l’envoi d’une notification push mobile avec FCM www.freelancertech.net
  • 9. Fonctionnement de l’envoi d’une notification push mobile avec FCM www.freelancertech.net 1. À chaque ouverture de l’application mobile, demande d’un identifiant unique TOKEN à FCM pour identifier l’application sur le mobile, 2. Envoi du TOKEN de FCM à l’application mobile, 3. Transmission du TOKEN au serveur LAMP d’envoi qui va être stocké (ou rafraîchi) dans une base de données, 4. Pour l’envoi d’une notification push, le serveur LAMP d’envoi transmet la notification push à FCM. Pour cela il indique l’identifiant concerné et le message associé, 5. FCM vérifie les paramètres push (autorisations et identité de l’application) et transmet la notification au mobile ciblé, 6. FCM envoie immédiatement un rapport de réception des notifications pour mettre la base d’identifiants à jour (selon les désinstallations et la désactivation des notifications),
  • 10. Réception sous conditions ➢ N’est pas garantir à 100%. ➢ Refus de réception des notifications par une application (Dans ce cas, le processus d’envoi a tout de même lieu, le mobile reçoit bien la notification, mais il ne l’affiche pas) ➢ Perdre suite à une erreur informatique, EX : mobile reste éteint trop longtemps (les notifications peuvent expirer). www.freelancertech.net
  • 11. Pratique / Test Configurer FCM pour utiliser le service Android Push Notifications : ➢ 1- Créer un projet Firebase via la Console Firebase (https://console.firebase.google.com/ ), Accédez aux paramètres du projet à partir du menu sur la gauche et récupérer, Dans l'onglet Cloud Messaging SERVER_KEY : ************************** ➢ 2- Créer votre application Firebase FCM Android et télécharger le fichier google-services.json www.freelancertech.net
  • 12. Pratique / Test Création du Serveur Backend PHP pour LAMP : Qui permettra : 1- D'enregistrer les ID des mobiles dans une BD ( register.php, db_token.sql ) 2- D'envoyer des Push Notifications via des requêtes HTTP POST ou GET au Serveur Push FCM (push_notification.php ) www.freelancertech.net
  • 13. Pratique / Test Création de l'application Android Démo 1- Création app avec le même Package Name renseigné lors de la création de l’app Firebase FCM Android 2- Intégration du SDK Firebase dans l'app Demo - Copie du fichier google-services.json à la racine du répertoire app - Ajouter les dépendances Firebase - Créer les classes services FirebaseInstanceIDService.java; FirebaseMessagingService.java - Enregistrer ses services dans le fichier manifeste www.freelancertech.net
  • 14. Conseil - Astuce <receiver android:name="receiver.MyReceiver" android:enabled="true" android:exported="false"> <intent-filter> <action android:name="android.intent.action.BOOT_COMPLETED"/> </intent-filter> </receiver> FirebaseInstanceId.getInstance().getToken(); www.freelancertech.net