1 00:00:02,290 --> 00:00:08,380 Agora, consegui um novo projeto aqui, novamente criado com o XPO, usando o fluxo de trabalho da 2 00:00:08,380 --> 00:00:09,130 Managed Expo. 3 00:00:09,580 --> 00:00:16,450 No final do módulo, também direcionarei para recursos que ajudam você a começar com notificações por push em aplicativos 4 00:00:16,510 --> 00:00:18,220 que não são XPO. 5 00:00:18,400 --> 00:00:21,990 Mas vou dizer que é muito mais fácil com a Expo. 6 00:00:22,330 --> 00:00:24,730 Então, eu absolutamente recomendo usar isso. 7 00:00:24,940 --> 00:00:31,150 E é por isso que estou mostrando aqui, porque é super fácil enviar notificações com a Expo, como você 8 00:00:31,150 --> 00:00:31,630 verá. 9 00:00:33,570 --> 00:00:42,060 Então, aqui está este novo aplicativo inalterado em execução no Android e ISIS e, para começar com as notificações locais, 10 00:00:42,390 --> 00:00:47,520 precisamos primeiro instalar um novo pacote com a instalação do XPO. 11 00:00:47,850 --> 00:00:52,650 Devemos instalar o pacote de notificações do Expo DASH. 12 00:00:54,170 --> 00:00:58,520 Basta pressionar enter e isso fará o download e será instalado no seu projeto. 13 00:01:00,930 --> 00:01:03,580 Agora, uma vez feito isso, estamos prontos para escrever algum código. 14 00:01:05,060 --> 00:01:08,060 Agora, aqui, como eu disse, quero manter isso muito, muito simples. 15 00:01:08,390 --> 00:01:09,710 Então eu vou simplesmente. 16 00:01:11,100 --> 00:01:13,540 Exiba um botão nesta aplicação aqui. 17 00:01:14,310 --> 00:01:18,810 O botão nativo de reação incorporado definirá um título de. 18 00:01:20,530 --> 00:01:22,540 Disparar notificação. 19 00:01:23,080 --> 00:01:26,710 E quando clicamos no botão, quero muito fazer o que o título implica. 20 00:01:26,740 --> 00:01:29,110 Quero acionar uma notificação local. 21 00:01:30,130 --> 00:01:34,090 Agora, este botão é automaticamente centralizado por padrão, o que é bastante agradável. 22 00:01:34,120 --> 00:01:35,200 É exatamente o que eu quero. 23 00:01:35,860 --> 00:01:38,590 E agora aqui eu posso registrar uma nova função. 24 00:01:40,030 --> 00:01:42,770 A notificação do acionador. 25 00:01:44,130 --> 00:01:51,060 Função Handler aqui, que é uma função padrão padrão, à qual vinculamos ao pressionar este botão como 26 00:01:52,020 --> 00:01:52,710 este. 27 00:01:53,340 --> 00:02:00,960 E aqui agora, bem, adivinhe qual é o gatilho de uma notificação local para a qual precisamos importar. 28 00:02:03,520 --> 00:02:12,130 As notificações da Expo e realmente desejam importar tudo como notificações, por exemplo, das notificações da 29 00:02:12,160 --> 00:02:13,120 Expo. 30 00:02:13,390 --> 00:02:15,580 Claro, você pode nomear isso da maneira que quiser. 31 00:02:16,880 --> 00:02:23,600 Agora, com isso importado aqui, a função de manipulador de notificação de gatilho da Índia que podemos usar é o 32 00:02:23,600 --> 00:02:25,100 objeto de notificações importadas. 33 00:02:25,520 --> 00:02:27,440 E aí teremos vários métodos. 34 00:02:27,650 --> 00:02:32,270 E um método é agendar o método de notificação assíncrona. 35 00:02:32,750 --> 00:02:37,310 Esse é o método que nos ajudará a agendar uma notificação. 36 00:02:37,670 --> 00:02:43,670 E com isso, sempre agendamos uma notificação local novamente mais tarde. 37 00:02:43,820 --> 00:02:46,430 Vou mostrar como você envia uma notificação por push. 38 00:02:46,700 --> 00:02:50,630 Com esse método, você sempre cria uma notificação local. 39 00:02:51,530 --> 00:02:56,660 Agora, esse método, uma vez que um objeto em que você configura a notificação, deve ser enviado. 40 00:02:57,370 --> 00:03:03,050 E como você pode ver, temos três opções básicas: podemos definir aqui o conteúdo da notificação. 41 00:03:03,410 --> 00:03:04,490 Eu voltarei a isso. 42 00:03:05,240 --> 00:03:12,770 O gatilho, que simplesmente define quando a notificação deve ser exibida e um identificador 43 00:03:12,770 --> 00:03:20,510 que poderíamos usar para cancelar essa notificação, caso não desejemos exibir depois que ela foi agendada. 44 00:03:22,170 --> 00:03:24,690 Não precisamos necessariamente do identificador aqui. 45 00:03:24,990 --> 00:03:30,540 E, portanto, vou começar com o conteúdo, o conteúdo em si é um objeto em que você tem várias 46 00:03:30,570 --> 00:03:31,170 opções. 47 00:03:31,500 --> 00:03:37,020 Agora, nem todas as opções são suportadas nas duas plataformas, mas você pode configurá-las todas. 48 00:03:37,140 --> 00:03:40,710 E se uma plataforma suportar dezenas, ela simplesmente a ignorará. 49 00:03:41,520 --> 00:03:44,550 O que você pode definir em todas as plataformas é o título. 50 00:03:45,600 --> 00:03:49,320 Onde escreverei minha primeira notificação local. 51 00:03:51,790 --> 00:03:54,340 E o corpo da notificação. 52 00:03:54,550 --> 00:03:59,590 Esta é a primeira notificação local que estamos enviando. 53 00:03:59,770 --> 00:04:01,480 Então, simplesmente duas cordas. 54 00:04:02,140 --> 00:04:04,030 Agora, como você vê, você pode definir mais. 55 00:04:04,420 --> 00:04:06,910 Você pode definir uma cor, por exemplo. 56 00:04:07,150 --> 00:04:12,730 Você pode adicionar metadados extras, que poderão ser recuperados posteriormente quando a notificação for disparada. 57 00:04:13,240 --> 00:04:19,360 Você pode dar a ele uma prioridade que pode levar o sistema operacional a ser exibido com maior prioridade. 58 00:04:19,750 --> 00:04:25,810 Você pode adicionar um som, mas vou mantê-lo bastante básico aqui e apenas enviar esta notificação básica. 59 00:04:26,080 --> 00:04:31,690 É claro que você também pode brincar com as outras opções e enviar uma notificação por push mais complexa. 60 00:04:33,010 --> 00:04:34,060 Agora esse é o conteúdo. 61 00:04:34,330 --> 00:04:42,910 Também precisamos acionar o gatilho também é um objeto em que você simplesmente define quando a notificação deve ser 62 00:04:42,910 --> 00:04:43,510 enviada. 63 00:04:44,560 --> 00:04:50,470 E você tem algumas boas propriedades que você pode definir, por exemplo, você pode definir os segundos até 64 00:04:50,590 --> 00:04:52,450 que a notificação seja exibida. 65 00:04:52,690 --> 00:04:54,730 E eu vou definir isso para 10 segundos aqui. 66 00:04:55,890 --> 00:04:58,980 Bem, e as dívidas horas notificação agendada. 67 00:04:59,250 --> 00:05:01,580 Vamos ver se o pai trabalha para o pai. 68 00:05:01,690 --> 00:05:02,690 Eu salvei isso. 69 00:05:03,000 --> 00:05:10,080 E depois de matar o aplicativo aqui e reiniciá-lo completamente no Android, pressionarei o botão lá quando o 70 00:05:10,320 --> 00:05:12,090 aplicativo terminar de carregar. 71 00:05:14,530 --> 00:05:18,340 E agora, com o aplicativo carregado, pressionarei este botão de notificação do acionador. 72 00:05:20,470 --> 00:05:27,100 Agora, o que notará é que, após 10 segundos, nada acontece. 73 00:05:27,580 --> 00:05:29,620 Não temos nenhuma nova notificação aqui. 74 00:05:29,650 --> 00:05:34,780 Isso não tem nada a ver com a notificação que agendamos e não vimos mais nada. 75 00:05:35,380 --> 00:05:38,860 Bem, existem algumas razões para o Android. 76 00:05:38,980 --> 00:05:44,830 Precisamos fazer uma coisa extra no aplicativo, perseguir e arquivar os deles. 77 00:05:45,940 --> 00:05:49,390 Precisamos adicionar a entrada do Android. 78 00:05:52,050 --> 00:05:55,560 E no Android, você deseja definir o U. S. 79 00:05:56,340 --> 00:06:00,930 API de próximas notificações. 80 00:06:02,090 --> 00:06:02,700 Verdade. 81 00:06:03,850 --> 00:06:10,690 Dívida segura e que talvez seja melhor se você simplesmente reiniciar o servidor de exportação com o início da 82 00:06:10,690 --> 00:06:16,330 Expo, para que essa nova configuração seja levada em consideração e que seja super segura. 83 00:06:16,720 --> 00:06:22,990 Vou simplesmente matar esses aplicativos aqui, começando com o Android e, finalmente, executá-lo novamente. 84 00:06:24,990 --> 00:06:27,480 Mas essa não será a única coisa que temos que fazer. 85 00:06:28,870 --> 00:06:32,050 E agora que foi reiniciado, clique no botão novamente. 86 00:06:32,620 --> 00:06:36,310 Mas como eu disse, essa não será a única coisa que precisamos mudar. 87 00:06:36,850 --> 00:06:41,430 E, portanto, você ainda não verá nada se eu expandir isso. 88 00:06:41,440 --> 00:06:43,240 Não vejo nenhuma notificação aqui. 89 00:06:44,320 --> 00:06:45,940 Bem, há uma razão para isso. 90 00:06:46,300 --> 00:06:48,550 Se o seu aplicativo estiver em primeiro plano. 91 00:06:48,760 --> 00:06:54,820 Portanto, se estiver em execução no momento, aqui, as notificações locais por padrão não serão mostradas. 92 00:06:55,890 --> 00:07:03,030 Agora, portanto, se eu clicar novamente, e agora vou para a tela inicial para que o aplicativo não fique mais em 93 00:07:03,030 --> 00:07:06,240 primeiro plano e não esteja mais em execução. 94 00:07:07,350 --> 00:07:13,260 Mas, em vez disso, é o pano de fundo, agora você a vê como minha primeira notificação local aparecer aqui. 95 00:07:14,270 --> 00:07:17,960 Agora, se você clicar nele, voltaremos ao nosso aplicativo. 96 00:07:18,860 --> 00:07:25,370 Agora, ainda não estamos fazendo nada no aplicativo após essa notificação, mas pelo menos vimos 97 00:07:25,370 --> 00:07:28,400 que conseguimos criar uma notificação local. 98 00:07:29,000 --> 00:07:30,320 Agora, e o ISIS? 99 00:07:31,250 --> 00:07:33,650 Deixe-me começar de novo também. 100 00:07:35,160 --> 00:07:36,650 E vamos tentar a mesma coisa aqui. 101 00:07:36,740 --> 00:07:44,030 Se eu clicar na notificação de gatilho e for para a tela inicial, vamos ver se recebemos uma notificação 102 00:07:44,030 --> 00:07:45,500 após 10 segundos. 103 00:07:46,010 --> 00:07:51,080 Posso dizer que não precisamos configurar nada na busca de aplicativos e nos apaixonar por Aiwass. 104 00:07:51,980 --> 00:07:55,100 Ainda assim, não vejo nenhuma notificação aqui. 105 00:07:55,790 --> 00:07:58,430 Definitivamente, não temos novas notificações aqui. 106 00:07:59,240 --> 00:08:04,370 Bem, há uma diferença importante entre o Android e eu estava aqui no Android. 107 00:08:04,670 --> 00:08:05,810 Funciona assim. 108 00:08:05,810 --> 00:08:12,290 Pronto para uso no IOW, você precisa de duas grandes permissões explícitas para receber notificações. 109 00:08:12,650 --> 00:08:14,240 Então vamos fazer isso a seguir.