Les notifications push sont l'un des outils les plus efficaces pour impliquer les utilisateurs dans les applications mobiles. Dans Flutter, l'un des moyens les plus efficaces de mettre en œuvre des notifications push consiste à utiliser Firebase Cloud Messaging (FCM), un service gratuit proposé par Google qui permet d'envoyer des notifications aux appareils Android et iOS. Dans ce chapitre, nous explorerons comment intégrer les notifications push dans votre application Flutter à l'aide de Firebase.

Configuration de Firebase

Avant de commencer, vous devez configurer Firebase pour votre projet Flutter. Pour ce faire, accédez à la console Firebase et créez un nouveau projet. Après cela, vous devez ajouter une application Android ou iOS à votre projet Firebase. Au cours de ce processus, il vous sera demandé l'ID de bundle de votre application, qui se trouve dans le fichier AndroidManifest.xml pour les applications Android ou dans le fichier Info.plist pour les applications iOS.

Ajout de dépendances

Après avoir configuré Firebase, vous devez ajouter les dépendances nécessaires à votre projet Flutter. Pour ce faire, ajoutez les lignes suivantes à votre fichier pubspec.yaml :

dépendances : battement: SDK : flottement firebase_core : ^0.5.0 firebase_messaging : ^7.0.0

Après avoir ajouté ces dépendances, exécutez la commande 'flutter pub get' pour installer les packages.

Configuration de la messagerie Firebase

Après avoir installé les dépendances, vous devez configurer Firebase Messaging dans votre application. Tout d’abord, vous devez initialiser Firebase dans votre application. Pour ce faire, ajoutez la ligne de code suivante à la méthode principale de votre application :

void main() asynchrone { WidgetsFlutterBinding.ensureInitialized(); attendre Firebase.initializeApp(); runApp(MonApp()); }

Après cela, vous devez créer une instance Firebase Messaging et demander l'autorisation d'envoyer des notifications. Vous pouvez le faire en ajoutant le code suivant à la méthode initState de votre widget principal :

@passer outre void initState() { super.initState(); FirebaseMessaging _firebaseMessaging = FirebaseMessaging(); _firebaseMessaging.requestNotificationPermissions(); }

Réception de notifications push

Pour recevoir des notifications push, vous devez configurer des écouteurs de notification. Vous pouvez le faire en ajoutant le code suivant à la méthode initState de votre widget principal :

_firebaseMessaging.configure( onMessage : (message Map) async { print("onMessage : $message"); }, onLaunch : (message Map) async { print("onLaunch : $message"); }, onResume : (message Map) async { print("onResume: $message"); }, );

Ces écouteurs seront appelés respectivement lorsqu'une notification est reçue pendant que l'application est en cours d'exécution, lorsque l'utilisateur clique sur une notification ou lorsqu'une notification est reçue alors que l'application est en arrière-plan.

Envoi de notifications push

Pour envoyer des notifications push, vous pouvez utiliser l'API Firebase Cloud Messaging ou la console Firebase. Dans la console Firebase, vous pouvez envoyer des notifications à tous les utilisateurs, segments d'utilisateurs ou utilisateurs individuels. Pour envoyer des notifications via l'API, vous devez utiliser le jeton d'enregistrement de l'appareil, qui peut être obtenu à l'aide du code suivant :

_firebaseMessaging.getToken().then((Jeton de chaîne) { assert(jeton != null); print("Jeton de messagerie push : $token"); });

Une fois que vous avez obtenu le jeton d'enregistrement, vous pouvez l'utiliser pour envoyer des notifications à l'appareil spécifique.

Conclusion

Dans ce chapitre, nous avons exploré comment implémenter des notifications push dans les applications Flutter à l'aide de Firebase Cloud Messaging. La mise en œuvre de notifications push peut augmenter considérablement l'engagement des utilisateurs avec votre application, la rendant ainsi plus précieuse pour vos utilisateurs et votre entreprise.

Répondez maintenant à l’exercice sur le contenu :

Quel est le processus de mise en œuvre des notifications push dans les applications Flutter à l'aide de Firebase Cloud Messaging ?

Tu as raison! Félicitations, passez maintenant à la page suivante

Vous avez raté! Essayer à nouveau.

Image de l'article Notifications push dans Flutter avec Firebase : conception réactive

Page suivante de lebook gratuit :

249Notifications push dans Flutter avec Firebase : conception réactive

2 minutes

Obtenez votre certificat pour ce cours gratuitement ! en téléchargeant lapplication Cursa et en lisant lebook qui sy trouve. Disponible sur Google Play ou App Store !

Get it on Google Play Get it on App Store

+ 6,5 millions
d'étudiants

Certificat gratuit et
valide avec QR Code

48 mille exercices
gratuits

Note de 4,8/5 dans les
magasins d'applications

Cours gratuits en
vidéo, audio et texte