1
00:00:02,290 --> 00:00:08,380
Maintenant, pour cela, j'ai eu un tout nouveau projet ici, encore une fois, créé avec XPO en utilisant le flux de travail

2
00:00:08,380 --> 00:00:09,130
Managed Expo.

3
00:00:09,580 --> 00:00:16,450
À la fin du module, je lierai également des ressources qui vous aideront à démarrer avec les notifications push dans

4
00:00:16,510 --> 00:00:18,220
les applications non XPO.

5
00:00:18,400 --> 00:00:21,990
Mais je dirai que c'est beaucoup plus facile avec Expo.

6
00:00:22,330 --> 00:00:24,730
Je recommande donc absolument d'utiliser cela.

7
00:00:24,940 --> 00:00:31,150
Et c'est pourquoi je le montre ici, car il est super facile d'envoyer des notifications avec Expo, comme vous le

8
00:00:31,150 --> 00:00:31,630
verrez.

9
00:00:33,570 --> 00:00:42,060
Voici donc cette toute nouvelle application inchangée fonctionnant sur Android et ISIS, et pour commencer avec les notifications locales,

10
00:00:42,390 --> 00:00:47,520
nous devons d'abord installer un nouveau package avec XPO install.

11
00:00:47,850 --> 00:00:52,650
Nous devons installer le package de notifications Expo DASH.

12
00:00:54,170 --> 00:00:58,520
Appuyez simplement sur Entrée et cela sera téléchargé et installé dans votre projet.

13
00:01:00,930 --> 00:01:03,580
Maintenant, une fois cela fait, nous sommes prêts à écrire du code.

14
00:01:05,060 --> 00:01:08,060
Maintenant, ici, comme je l'ai dit, je veux garder cela très, très simple.

15
00:01:08,390 --> 00:01:09,710
Je vais donc simplement.

16
00:01:11,100 --> 00:01:13,540
Affichez un bouton dans cette application ici.

17
00:01:14,310 --> 00:01:18,810
Le bouton natif React intégré définira un titre de.

18
00:01:20,530 --> 00:01:22,540
Notification de déclenchement.

19
00:01:23,080 --> 00:01:26,710
Et quand on clique sur le bouton, je veux bien faire ce que le titre implique.

20
00:01:26,740 --> 00:01:29,110
Je veux déclencher une notification locale.

21
00:01:30,130 --> 00:01:34,090
Maintenant, ce bouton est automatiquement centré par défaut, ce qui est plutôt bien.

22
00:01:34,120 --> 00:01:35,200
C'est exactement ce que je veux.

23
00:01:35,860 --> 00:01:38,590
Et maintenant, ici, je peux enregistrer une nouvelle fonction.

24
00:01:40,030 --> 00:01:42,770
La notification de déclenchement.

25
00:01:44,130 --> 00:01:51,060
Fonction de gestionnaire ici, qui est une fonction eral par défaut, à laquelle nous nous lions en appuyant sur ce bouton

26
00:01:52,020 --> 00:01:52,710
comme ceci.

27
00:01:53,340 --> 00:02:00,960
Et ici, nous allons maintenant bien, devinez de quel élément déclencher une notification locale pour laquelle nous devons importer.

28
00:02:03,520 --> 00:02:12,130
Notifications Expo et souhaitez réellement tout importer en tant que notifications, par exemple, à partir des notifications

29
00:02:12,160 --> 00:02:13,120
Expo.

30
00:02:13,390 --> 00:02:15,580
Bien sûr, vous pouvez nommer cela comme vous le souhaitez.

31
00:02:16,880 --> 00:02:23,600
Maintenant, avec cela importé ici, la fonction de gestionnaire de notification de déclenchement de l'Inde que nous pouvons utiliser est

32
00:02:23,600 --> 00:02:25,100
l'objet de notifications importé.

33
00:02:25,520 --> 00:02:27,440
Et là, nous aurons un tas de méthodes.

34
00:02:27,650 --> 00:02:32,270
Et une méthode consiste à planifier la méthode asynchrone de notification.

35
00:02:32,750 --> 00:02:37,310
C'est la méthode qui nous aidera, bien, à planifier une notification.

36
00:02:37,670 --> 00:02:43,670
Et avec cela, nous planifions toujours une notification locale plus tard.

37
00:02:43,820 --> 00:02:46,430
Je vais vous montrer comment vous envoyez une notification push.

38
00:02:46,700 --> 00:02:50,630
Avec cette méthode, vous créez toujours une notification locale.

39
00:02:51,530 --> 00:02:56,660
Maintenant, cette méthode, une fois un objet où vous configurez la notification, elle doit être envoyée.

40
00:02:57,370 --> 00:03:03,050
Et comme vous pouvez le voir, nous avons trois options de base que nous pouvons définir ici le contenu de la notification.

41
00:03:03,410 --> 00:03:04,490
J'y reviendrai.

42
00:03:05,240 --> 00:03:12,770
Le déclencheur, qui définira simplement quand la notification doit être affichée et un identifiant que nous

43
00:03:12,770 --> 00:03:20,510
pourrions utiliser pour annuler cette notification au cas où nous ne voudrions pas l'afficher après sa planification.

44
00:03:22,170 --> 00:03:24,690
Nous n'avons pas nécessairement besoin de l'identifiant ici.

45
00:03:24,990 --> 00:03:30,540
Et donc, je vais commencer par le contenu, le contenu lui-même est un objet où vous avez différentes

46
00:03:30,570 --> 00:03:31,170
options.

47
00:03:31,500 --> 00:03:37,020
Désormais, toutes les options ne sont pas prises en charge sur les deux plates-formes, mais vous pouvez toutes les définir.

48
00:03:37,140 --> 00:03:40,710
Et si une plate-forme est supportée par des dizaines, elle l'ignorera simplement.

49
00:03:41,520 --> 00:03:44,550
Ce que vous pouvez définir sur toutes les plateformes est le titre.

50
00:03:45,600 --> 00:03:49,320
Où j'écrirai ma première notification locale.

51
00:03:51,790 --> 00:03:54,340
Et le corps de la notification.

52
00:03:54,550 --> 00:03:59,590
Il s'agit de la première notification locale que nous envoyons.

53
00:03:59,770 --> 00:04:01,480
Donc, simplement deux chaînes.

54
00:04:02,140 --> 00:04:04,030
Maintenant, comme vous le voyez, vous pouvez en définir davantage.

55
00:04:04,420 --> 00:04:06,910
Vous pouvez par exemple définir une couleur.

56
00:04:07,150 --> 00:04:12,730
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.

57
00:04:13,240 --> 00:04:19,360
Vous pouvez lui donner une priorité qui pourrait conduire le système d'exploitation à s'afficher avec une priorité plus élevée.

58
00:04:19,750 --> 00:04:25,810
Vous pouvez ajouter un son, mais je vais le garder assez basique ici et envoyer simplement cette notification de base.

59
00:04:26,080 --> 00:04:31,690
Vous pouvez bien sûr jouer avec les autres options et envoyer une notification push plus complexe.

60
00:04:33,010 --> 00:04:34,060
Voilà le contenu.

61
00:04:34,330 --> 00:04:42,910
Nous devons également déclencher le déclencheur est également un objet où vous définissez simplement quand la notification doit être

62
00:04:42,910 --> 00:04:43,510
envoyée.

63
00:04:44,560 --> 00:04:50,470
Et là, vous avez quelques belles propriétés que vous pouvez définir, par exemple, vous pouvez définir les secondes jusqu'à ce

64
00:04:50,590 --> 00:04:52,450
que la notification soit affichée.

65
00:04:52,690 --> 00:04:54,730
Et je vais régler cela à 10 secondes ici.

66
00:04:55,890 --> 00:04:58,980
Eh bien, et la notification des heures de dettes prévues.

67
00:04:59,250 --> 00:05:01,580
Voyons voir si papa travaille pour papa.

68
00:05:01,690 --> 00:05:02,690
J'ai sauvé ça.

69
00:05:03,000 --> 00:05:10,080
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

70
00:05:10,320 --> 00:05:12,090
chargement de l'application terminé.

71
00:05:14,530 --> 00:05:18,340
Et maintenant, avec l'application chargée, je vais appuyer sur ce bouton de notification de déclenchement.

72
00:05:20,470 --> 00:05:27,100
Maintenant, ce qui va remarquer, c'est qu'après 10 secondes, rien ne se passe.

73
00:05:27,580 --> 00:05:29,620
Nous n'avons pas de nouvelle notification ici.

74
00:05:29,650 --> 00:05:34,780
Cela n'a rien à voir avec la notification que nous avons programmée et nous n'avons rien vu d'autre.

75
00:05:35,380 --> 00:05:38,860
Eh bien, il y a plusieurs raisons pour Android.

76
00:05:38,980 --> 00:05:44,830
Nous devons faire une chose supplémentaire dans l'application, les poursuivre et les déposer.

77
00:05:45,940 --> 00:05:49,390
Nous devons ajouter l'entrée Android.

78
00:05:52,050 --> 00:05:55,560
Et sur Android, vous souhaitez définir le U. S.

79
00:05:56,340 --> 00:06:00,930
API de notifications suivante.

80
00:06:02,090 --> 00:06:02,700
C'est vrai.

81
00:06:03,850 --> 00:06:10,690
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

82
00:06:10,690 --> 00:06:16,330
cette nouvelle configuration soit prise en compte et que leur offre soit super sûre.

83
00:06:16,720 --> 00:06:22,990
Je vais simplement tuer ces applications ici, en commençant par Android, puis en le réexécutant.

84
00:06:24,990 --> 00:06:27,480
Mais ce ne sera pas la seule chose que nous devons faire.

85
00:06:28,870 --> 00:06:32,050
Et maintenant qu'il a redémarré, cliquons à nouveau sur le bouton.

86
00:06:32,620 --> 00:06:36,310
Mais comme je l'ai dit, ce ne sera pas la seule chose que nous devons changer.

87
00:06:36,850 --> 00:06:41,430
Et donc, vous ne verrez toujours rien si j'étends cela.

88
00:06:41,440 --> 00:06:43,240
Je ne vois aucune notification ici.

89
00:06:44,320 --> 00:06:45,940
Eh bien, il y a une raison à cela.

90
00:06:46,300 --> 00:06:48,550
Si votre application est au premier plan.

91
00:06:48,760 --> 00:06:54,820
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.

92
00:06:55,890 --> 00:07:03,030
Maintenant, donc, si je clique à nouveau sur, et maintenant je vais sur mon écran d'accueil pour que l'application ne soit

93
00:07:03,030 --> 00:07:06,240
plus au premier plan et ne fonctionne plus.

94
00:07:07,350 --> 00:07:13,260
Mais à la place, c'est l'arrière-plan, vous le voyez maintenant comme ma première notification locale apparaître ici.

95
00:07:14,270 --> 00:07:17,960
Maintenant, si vous cliquez dessus, nous revenons à notre application.

96
00:07:18,860 --> 00:07:25,370
Maintenant, nous ne faisons encore rien dans l'application lors de cette notification, mais au moins nous avons vu

97
00:07:25,370 --> 00:07:28,400
que nous pouvions créer une notification locale.

98
00:07:29,000 --> 00:07:30,320
Maintenant, qu'en est-il d'ISIS?

99
00:07:31,250 --> 00:07:33,650
Permettez-moi de recommencer là-haut également.

100
00:07:35,160 --> 00:07:36,650
Et essayons la même chose ici.

101
00:07:36,740 --> 00:07:44,030
Si je clique sur la notification de déclenchement et que j'accède à l'écran d'accueil, voyons si nous recevons une notification

102
00:07:44,030 --> 00:07:45,500
après 10 secondes.

103
00:07:46,010 --> 00:07:51,080
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.

104
00:07:51,980 --> 00:07:55,100
Mais encore, je ne vois aucune notification ici.

105
00:07:55,790 --> 00:07:58,430
Nous n'avons certainement aucune nouvelle notification ici.

106
00:07:59,240 --> 00:08:04,370
Eh bien, il y a une différence importante entre Android et j'étais ici sur Android.

107
00:08:04,670 --> 00:08:05,810
Cela fonctionne comme ça.

108
00:08:05,810 --> 00:08:12,290
Hors de la boîte sur IOW, vous avez besoin de deux grandes autorisations explicites pour recevoir des notifications.

109
00:08:12,650 --> 00:08:14,240
Alors faisons-le ensuite.