Maintenant, pour cela, j'ai eu un tout nouveau projet ici, encore une fois, créé avec XPO en utilisant le flux de travail
Managed Expo.
À la fin du module, je lierai également des ressources qui vous aideront à démarrer avec les notifications push dans
les applications non XPO.
Mais je dirai que c'est beaucoup plus facile avec Expo.
Je recommande donc absolument d'utiliser cela.
Et c'est pourquoi je le montre ici, car il est super facile d'envoyer des notifications avec Expo, comme vous le
verrez.
Voici donc cette toute nouvelle application inchangée fonctionnant sur Android et ISIS, et pour commencer avec les notifications locales,
nous devons d'abord installer un nouveau package avec XPO install.
Nous devons installer le package de notifications Expo DASH.
Appuyez simplement sur Entrée et cela sera téléchargé et installé dans votre projet.
Maintenant, une fois cela fait, nous sommes prêts à écrire du code.
Maintenant, ici, comme je l'ai dit, je veux garder cela très, très simple.
Je vais donc simplement.
Affichez un bouton dans cette application ici.
Le bouton natif React intégré définira un titre de.
Notification de déclenchement.
Et quand on clique sur le bouton, je veux bien faire ce que le titre implique.
Je veux déclencher une notification locale.
Maintenant, ce bouton est automatiquement centré par défaut, ce qui est plutôt bien.
C'est exactement ce que je veux.
Et maintenant, ici, je peux enregistrer une nouvelle fonction.
La notification de déclenchement.
Fonction de gestionnaire ici, qui est une fonction eral par défaut, à laquelle nous nous lions en appuyant sur ce bouton
comme ceci.
Et ici, nous allons maintenant bien, devinez de quel élément déclencher une notification locale pour laquelle nous devons importer.
Notifications Expo et souhaitez réellement tout importer en tant que notifications, par exemple, à partir des notifications
Expo.
Bien sûr, vous pouvez nommer cela comme vous le souhaitez.
Maintenant, avec cela importé ici, la fonction de gestionnaire de notification de déclenchement de l'Inde que nous pouvons utiliser est
l'objet de notifications importé.
Et là, nous aurons un tas de méthodes.
Et une méthode consiste à planifier la méthode asynchrone de notification.
C'est la méthode qui nous aidera, bien, à planifier une notification.
Et avec cela, nous planifions toujours une notification locale plus tard.
Je vais vous montrer comment vous envoyez une notification push.
Avec cette méthode, vous créez toujours une notification locale.
Maintenant, cette méthode, une fois un objet où vous configurez la notification, elle doit être envoyée.
Et comme vous pouvez le voir, nous avons trois options de base que nous pouvons définir ici le contenu de la notification.
J'y reviendrai.
Le déclencheur, qui définira simplement quand la notification doit être affichée et un identifiant que nous
pourrions utiliser pour annuler cette notification au cas où nous ne voudrions pas l'afficher après sa planification.
Nous n'avons pas nécessairement besoin de l'identifiant ici.
Et donc, je vais commencer par le contenu, le contenu lui-même est un objet où vous avez différentes
options.
Désormais, toutes les options ne sont pas prises en charge sur les deux plates-formes, mais vous pouvez toutes les définir.
Et si une plate-forme est supportée par des dizaines, elle l'ignorera simplement.
Ce que vous pouvez définir sur toutes les plateformes est le titre.
Où j'écrirai ma première notification locale.
Et le corps de la notification.
Il s'agit de la première notification locale que nous envoyons.
Donc, simplement deux chaînes.
Maintenant, comme vous le voyez, vous pouvez en définir davantage.
Vous pouvez par exemple définir une couleur.
Vous pouvez ajouter des métadonnées supplémentaires, que vous pourrez récupérer ultérieurement lorsque la notification a été déclenchée.
Vous pouvez lui donner une priorité qui pourrait conduire le système d'exploitation à s'afficher avec une priorité plus élevée.
Vous pouvez ajouter un son, mais je vais le garder assez basique ici et envoyer simplement cette notification de base.
Vous pouvez bien sûr jouer avec les autres options et envoyer une notification push plus complexe.
Voilà le contenu.
Nous devons également déclencher le déclencheur est également un objet où vous définissez simplement quand la notification doit être
envoyée.
Et là, vous avez quelques belles propriétés que vous pouvez définir, par exemple, vous pouvez définir les secondes jusqu'à ce
que la notification soit affichée.
Et je vais régler cela à 10 secondes ici.
Eh bien, et la notification des heures de dettes prévues.
Voyons voir si papa travaille pour papa.
J'ai sauvé ça.
Et après avoir tué l'application ici et l'avoir complètement redémarrée sur Android, j'appuierai sur le bouton une fois le
chargement de l'application terminé.
Et maintenant, avec l'application chargée, je vais appuyer sur ce bouton de notification de déclenchement.
Maintenant, ce qui va remarquer, c'est qu'après 10 secondes, rien ne se passe.
Nous n'avons pas de nouvelle notification ici.
Cela n'a rien à voir avec la notification que nous avons programmée et nous n'avons rien vu d'autre.
Eh bien, il y a plusieurs raisons pour Android.
Nous devons faire une chose supplémentaire dans l'application, les poursuivre et les déposer.
Nous devons ajouter l'entrée Android.
Et sur Android, vous souhaitez définir le U. S.
API de notifications suivante.
C'est vrai.
Dette sûre, et qu'il serait préférable de simplement redémarrer votre serveur d'exportation avec le démarrage d'Expo pour que
cette nouvelle configuration soit prise en compte et que leur offre soit super sûre.
Je vais simplement tuer ces applications ici, en commençant par Android, puis en le réexécutant.
Mais ce ne sera pas la seule chose que nous devons faire.
Et maintenant qu'il a redémarré, cliquons à nouveau sur le bouton.
Mais comme je l'ai dit, ce ne sera pas la seule chose que nous devons changer.
Et donc, vous ne verrez toujours rien si j'étends cela.
Je ne vois aucune notification ici.
Eh bien, il y a une raison à cela.
Si votre application est au premier plan.
Donc, s'il est en cours d'exécution tel qu'il est ici, les notifications locales par défaut ne sont pas affichées.
Maintenant, donc, si je clique à nouveau sur, et maintenant je vais sur mon écran d'accueil pour que l'application ne soit
plus au premier plan et ne fonctionne plus.
Mais à la place, c'est l'arrière-plan, vous le voyez maintenant comme ma première notification locale apparaître ici.
Maintenant, si vous cliquez dessus, nous revenons à notre application.
Maintenant, nous ne faisons encore rien dans l'application lors de cette notification, mais au moins nous avons vu
que nous pouvions créer une notification locale.
Maintenant, qu'en est-il d'ISIS?
Permettez-moi de recommencer là-haut également.
Et essayons la même chose ici.
Si je clique sur la notification de déclenchement et que j'accède à l'écran d'accueil, voyons si nous recevons une notification
après 10 secondes.
Je peux vous dire que nous n'avons pas besoin de configurer quoi que ce soit dans la poursuite de l'application et de tomber amoureux d'Aiwass.
Mais encore, je ne vois aucune notification ici.
Nous n'avons certainement aucune nouvelle notification ici.
Eh bien, il y a une différence importante entre Android et j'étais ici sur Android.
Cela fonctionne comme ça.
Hors de la boîte sur IOW, vous avez besoin de deux grandes autorisations explicites pour recevoir des notifications.
Alors faisons-le ensuite.