1
00:00:01,100 --> 00:00:04,030
‫-: Então, vamos agora usar o serviço Sendgrid

2
00:00:04,030 --> 00:00:07,880
‫para enviar e-mails reais para caixas de entrada de e-mail reais.

3
00:00:07,880 --> 00:00:11,603
‫Em vez de nossa caixa de entrada de desenvolvimento no Mailtrap.

4
00:00:13,300 --> 00:00:15,710
‫E então, vamos abrir uma nova

5
00:00:16,640 --> 00:00:19,730
‫aba aqui e procurar Sendgrid e então está aqui,

6
00:00:19,730 --> 00:00:21,040
‫SendGrid. com

7
00:00:22,470 --> 00:00:26,090
‫Tudo bem, então podemos testá-lo gratuitamente.

8
00:00:26,090 --> 00:00:27,810
‫Isso terá alguns limites,

9
00:00:27,810 --> 00:00:30,400
‫mas você ainda pode criar uma conta

10
00:00:30,400 --> 00:00:34,010
‫gratuita da qual poderá enviar cerca de cem e-mails por dia.

11
00:00:34,010 --> 00:00:37,530
‫Tudo bem, então vá em frente e crie sua conta aqui e

12
00:00:37,530 --> 00:00:39,923
‫quando estiver pronto, volte a este vídeo.

13
00:00:41,820 --> 00:00:44,420
‫Ok, e depois de criar sua conta,

14
00:00:44,420 --> 00:00:45,950
‫você deve ver

15
00:00:45,950 --> 00:00:49,090
‫seu painel que deve ser parecido com este, certo?

16
00:00:49,090 --> 00:00:53,120
‫Então, você vê que há uma tonelada de coisas aqui no lado esquerdo, você

17
00:00:53,120 --> 00:00:55,940
‫pode escolher como modelos, você pode ver todos

18
00:00:55,940 --> 00:00:59,000
‫os tipos de estatísticas sobre os e-mails que está enviando.

19
00:00:59,000 --> 00:01:01,610
‫E realmente, há uma tonelada de

20
00:01:01,610 --> 00:01:04,350
‫configurações que você também pode definir aqui, certo?

21
00:01:04,350 --> 00:01:06,500
‫Mas, por enquanto, o que

22
00:01:06,500 --> 00:01:09,180
‫nos interessa é o Guia de Configuração.

23
00:01:09,180 --> 00:01:10,080
‫OK?

24
00:01:10,080 --> 00:01:13,050
‫Portanto, aqui no canto superior esquerdo do seu painel, você

25
00:01:13,050 --> 00:01:14,850
‫deve ter este menu aqui,

26
00:01:14,850 --> 00:01:17,590
‫onde então queremos clicar no Guia de configuração.

27
00:01:17,590 --> 00:01:20,120
‫Agora, se a página no momento em que você

28
00:01:20,120 --> 00:01:21,640
‫está assistindo este vídeo

29
00:01:21,640 --> 00:01:25,020
‫parece um pouco diferente, você também pode encontrar o link Guia de

30
00:01:25,020 --> 00:01:26,580
‫configuração em algum lugar aqui.

31
00:01:26,580 --> 00:01:29,360
‫E neste caso aqui no lado da visão.

32
00:01:29,360 --> 00:01:33,460
‫Então, vamos abrir isso e agora o que queremos

33
00:01:33,460 --> 00:01:38,460
‫fazer é integrar usando nossa API Web ou retransmissão SMTP, certo?

34
00:01:38,650 --> 00:01:41,410
‫E você também pode integrar

35
00:01:41,410 --> 00:01:45,120
‫facilmente Sendgrid em Wordpress ou Drupal ou algo parecido.

36
00:01:45,120 --> 00:01:47,560
‫Mas é claro, não é isso que queremos.

37
00:01:47,560 --> 00:01:49,890
‫Portanto, aqui queremos a primeira opção

38
00:01:49,890 --> 00:01:52,550
‫e, em seguida, queremos o SMTP Relay.

39
00:01:52,550 --> 00:01:54,400
‫Porque é disso que precisamos

40
00:01:54,400 --> 00:01:56,090
‫se quisermos usar o

41
00:01:56,090 --> 00:01:58,850
‫node mailer e criar um transporte com ele.

42
00:01:58,850 --> 00:02:00,690
‫E isso é exatamente o

43
00:02:00,690 --> 00:02:02,840
‫que estamos fazendo e escolhemos este.

44
00:02:02,840 --> 00:02:04,740
‫Por outro lado, também

45
00:02:04,740 --> 00:02:07,470
‫poderíamos usar a API Sendgrid simples de

46
00:02:07,470 --> 00:02:09,800
‫usar e, então, escolheríamos essa forma.

47
00:02:09,800 --> 00:02:12,440
‫Mas, novamente, com o node mailer, precisamos escolher

48
00:02:12,440 --> 00:02:13,443
‫esta opção aqui.

49
00:02:15,530 --> 00:02:17,530
‫E daí é muito fácil.

50
00:02:17,530 --> 00:02:21,490
‫Portanto, aqui só precisamos criar uma chave de API com algum nome.

51
00:02:21,490 --> 00:02:23,967
‫E esse nome não é realmente relevante,

52
00:02:25,930 --> 00:02:27,930
‫então vamos chamá-lo de "natours".

53
00:02:27,930 --> 00:02:28,963
‫Criar chave.

54
00:02:30,010 --> 00:02:33,170
‫E agora, para configurar ou transportar um node

55
00:02:33,170 --> 00:02:37,990
‫mailer, tudo o que precisamos é realmente esse nome de usuário e essa senha.

56
00:02:37,990 --> 00:02:40,550
‫Então, vamos adicionar esses dois ao nosso arquivo de configuração para que eu copie

57
00:02:40,550 --> 00:02:49,297
‫a senha e o nome de usuário seja "apikey. "Então, config.

58
00:02:49,297 --> 00:02:51,540
‫env e tudo o que está relacionado a e-mails,

59
00:02:51,540 --> 00:02:52,883
‫vamos colocar isso aqui.

60
00:02:54,100 --> 00:02:55,160
‫Portanto, SENDGRID USERNAME

61
00:02:57,840 --> 00:02:58,673
‫está

62
00:02:59,850 --> 00:03:00,693
‫muito bom.

63
00:03:03,100 --> 00:03:04,430
‫E Sendgrid PASSWORD

64
00:03:07,350 --> 00:03:08,253
‫é esta.

65
00:03:09,880 --> 00:03:11,880
‫E mais uma vez eu realmente

66
00:03:11,880 --> 00:03:15,030
‫peço a você para criar sua própria conta e sua própria

67
00:03:15,030 --> 00:03:18,540
‫chave de API e senha em vez de usar a minha, ok?

68
00:03:18,540 --> 00:03:20,030
‫Porque se muitas pessoas

69
00:03:20,030 --> 00:03:22,820
‫fizerem isso, rapidamente deixará de funcionar para todos, certo?

70
00:03:22,820 --> 00:03:24,610
‫Portanto, crie sua

71
00:03:24,610 --> 00:03:28,170
‫própria conta e gere sua própria senha, ok?

72
00:03:28,170 --> 00:03:31,453
‫Portanto, há na verdade o suficiente para criarmos ou transportarmos.

73
00:03:34,250 --> 00:03:35,663
‫E então vamos fazer isso

74
00:03:36,550 --> 00:03:39,363
‫aqui, node mailer. createTransport.

75
00:03:43,410 --> 00:03:46,570
‫E agora, lembre-se de como eu disse a você quando

76
00:03:46,570 --> 00:03:49,420
‫criamos este gerenciador de e-mail há alguns segundos.

77
00:03:49,420 --> 00:03:52,830
‫Que existem alguns serviços que já estão predefinidos.

78
00:03:52,830 --> 00:03:54,903
‫E Sendgrid é na verdade um deles.

79
00:03:56,640 --> 00:04:00,633
‫Portanto, podemos especificar o serviço e configurá-lo como Sendgrid.

80
00:04:02,510 --> 00:04:03,343
‫Tudo bem?

81
00:04:03,343 --> 00:04:05,970
‫Na verdade, já fizemos isso antes para o Gmail

82
00:04:05,970 --> 00:04:08,760
‫e, com isso, tudo o que precisávamos para transmitir era

83
00:04:08,760 --> 00:04:10,830
‫o nome de usuário e a senha.

84
00:04:10,830 --> 00:04:13,120
‫E aqui vai ser exatamente o mesmo.

85
00:04:13,120 --> 00:04:15,940
‫E é por isso que na

86
00:04:15,940 --> 00:04:19,770
‫verdade nem precisamos especificar o servidor e a porta, certo?

87
00:04:19,770 --> 00:04:22,830
‫Porque o node mailer já conhece esses dados

88
00:04:22,830 --> 00:04:25,253
‫porque está especificando este serviço Sendgrid.

89
00:04:27,790 --> 00:04:30,640
‫Agora, só precisamos especificar a autenticação e o

90
00:04:31,560 --> 00:04:39,563
‫usuário está em processo. env. SENDGRID USERNAME.

91
00:04:40,712 --> 00:04:42,612
‫E agora vamos apenas

92
00:04:46,190 --> 00:04:48,373
‫duplicar isso aqui e aqui, passe.

93
00:04:49,350 --> 00:04:51,783
‫Ok, e é isso mesmo.

94
00:04:53,070 --> 00:04:55,800
‫E agora, para testar isso, vamos criar um novo usuário

95
00:04:55,800 --> 00:04:57,583
‫com um endereço de e-mail real.

96
00:05:00,030 --> 00:05:04,940
‫Então, vamos ao Postman e vamos fechar tudo isso aqui.

97
00:05:09,994 --> 00:05:10,827
‫Tudo bem,

98
00:05:12,660 --> 00:05:15,980
‫então vou criar "Jonas. "E agora, como endereço

99
00:05:15,980 --> 00:05:19,250
‫de e-mail, vou criar um desses e-mails descartáveis que

100
00:05:19,250 --> 00:05:22,590
‫é basicamente um endereço de e-mail e uma caixa de

101
00:05:22,590 --> 00:05:25,513
‫entrada para os quais nem precisamos nos inscrever.

102
00:05:27,350 --> 00:05:30,333
‫Então, vamos usar o serviço Mailsac.

103
00:05:32,880 --> 00:05:34,413
‫Então é assim,

104
00:05:37,070 --> 00:05:40,140
‫e aqui podemos realmente colocar qualquer coisa.

105
00:05:40,140 --> 00:05:41,583
‫Então vamos

106
00:05:42,740 --> 00:05:46,570
‫colocar "Jonas" e todos podem acessar isso, certo?

107
00:05:46,570 --> 00:05:49,860
‫Agora, irei me registrar com este endereço de e-mail

108
00:05:49,860 --> 00:05:53,563
‫e o e-mail de boas-vindas deve terminar nesta caixa de entrada.

109
00:05:54,500 --> 00:05:57,750
‫E você, claro, quando estiver testando por conta

110
00:05:57,750 --> 00:06:01,610
‫própria, pode usar seu próprio endereço de e-mail para isso, certo?

111
00:06:01,610 --> 00:06:04,800
‫Então vá em frente, crie um usuário basicamente para você com seu

112
00:06:04,800 --> 00:06:09,350
‫próprio endereço de e-mail e clique em "Enviar. "E agora nosso

113
00:06:09,350 --> 00:06:12,563
‫e-mail deve ser enviado pelo SendGrid.

114
00:06:13,900 --> 00:06:16,140
‫E agora isso pode demorar

115
00:06:17,380 --> 00:06:21,320
‫um pouco, mas vamos recarregar aqui, talvez já esteja lá.

116
00:06:21,320 --> 00:06:22,493
‫E na verdade não é.

117
00:06:23,690 --> 00:06:26,093
‫Então, vamos dar uma olhada em nosso painel.

118
00:06:27,850 --> 00:06:29,170
‫E, pela minha

119
00:06:29,170 --> 00:06:31,540
‫experiência, isso realmente não funciona imediatamente.

120
00:06:31,540 --> 00:06:34,570
‫Por exemplo, este número "E-MAILS HOJE" aqui sempre

121
00:06:34,570 --> 00:06:37,130
‫leva algum tempo para ser atualizado.

122
00:06:37,130 --> 00:06:39,800
‫E também os primeiros e-mails que você envia,

123
00:06:39,800 --> 00:06:42,443
‫eles nem sempre aparecem onde deveriam.

124
00:06:43,480 --> 00:06:47,410
‫Então, esse comportamento que estamos vendo aqui é normal.

125
00:06:47,410 --> 00:06:51,760
‫Mas vamos tentar novamente, então ainda não temos nenhum e-mail aqui.

126
00:06:51,760 --> 00:06:54,490
‫Mas, na verdade, a razão para

127
00:06:54,490 --> 00:06:57,730
‫isso é que lembre-se de que esse transporte

128
00:06:57,730 --> 00:07:00,330
‫só funcionará na produção e,

129
00:07:00,330 --> 00:07:03,270
‫portanto, precisamos executar nosso aplicativo em produção.

130
00:07:03,270 --> 00:07:05,820
‫O que não estamos fazendo agora.

131
00:07:05,820 --> 00:07:07,610
‫Então, vamos

132
00:07:07,610 --> 00:07:12,203
‫agora fazer isso, npm run start production,

133
00:07:14,380 --> 00:07:17,960
‫e vamos tentar de novo.

134
00:07:17,960 --> 00:07:21,503
‫Então, primeiro irei deletar o usuário que acabamos de criar.

135
00:07:26,950 --> 00:07:28,933
‫Então, é este aqui e, na

136
00:07:32,660 --> 00:07:35,340
‫verdade, deixe-me excluir todos aqueles que realmente não

137
00:07:35,340 --> 00:07:36,673
‫precisamos, todos

138
00:07:39,270 --> 00:07:40,683
‫esses usuários de teste.

139
00:07:43,210 --> 00:07:45,970
‫Tudo bem, agora vamos tentar novamente com este

140
00:07:45,970 --> 00:07:47,390
‫endereço de e-mail.

141
00:07:49,820 --> 00:07:53,550
‫E isso ainda é um sucesso e agora vamos dar uma olhada novamente

142
00:07:53,550 --> 00:07:55,773
‫em nossa caixa de entrada de e-mail.

143
00:07:56,837 --> 00:08:00,093
‫Nós olhamos isso e agora recebemos uma mensagem!

144
00:08:01,880 --> 00:08:05,330
‫Então, quando abrirmos isso, aqui está.

145
00:08:05,330 --> 00:08:07,530
‫Agora, por algum motivo, este

146
00:08:07,530 --> 00:08:10,570
‫aplicativo está fazendo algo estranho com este botão aqui.

147
00:08:10,570 --> 00:08:12,410
‫Parece que eles estão aplicando

148
00:08:12,410 --> 00:08:14,480
‫seus próprios estilos aqui a este e-mail.

149
00:08:14,480 --> 00:08:16,700
‫Mas esquece, o que importa aqui

150
00:08:16,700 --> 00:08:18,540
‫é que realmente funcionou.

151
00:08:18,540 --> 00:08:20,970
‫E agora, enviamos nosso primeiro e-mail usando Sendgrid

152
00:08:20,970 --> 00:08:23,393
‫para uma caixa de entrada real.

153
00:08:24,350 --> 00:08:27,670
‫Agora vamos ver se ele realmente aparece aqui também.

154
00:08:27,670 --> 00:08:31,253
‫Mas, como eu disse, às vezes isso leva algum tempo para aparecer.

155
00:08:32,220 --> 00:08:36,170
‫Como mencionei antes, ainda não mostra nenhum e-mail aqui, embora,

156
00:08:36,170 --> 00:08:39,803
‫na verdade, já tenhamos enviado e recebido um e-mail.

157
00:08:41,880 --> 00:08:43,160
‫OK.

158
00:08:43,160 --> 00:08:46,310
‫Tão bom, então com isso agora você

159
00:08:46,310 --> 00:08:49,470
‫pode enviar até cem e-mails grátis, eu acredito.

160
00:08:49,470 --> 00:08:51,870
‫Diz algo aqui, sim.

161
00:08:51,870 --> 00:08:54,230
‫Então, com o teste, que você acabou de começar, acho

162
00:08:54,230 --> 00:08:55,150
‫que é ainda

163
00:08:55,150 --> 00:08:57,300
‫mais, é como se fossem milhares de e-mails por dia.

164
00:08:57,300 --> 00:08:59,470
‫Mas depois de algum tempo, você é

165
00:08:59,470 --> 00:09:01,030
‫rebaixado para apenas cem.

166
00:09:01,030 --> 00:09:03,370
‫Então, se você tem um aplicativo real e

167
00:09:03,370 --> 00:09:06,780
‫uma empresa real, é claro que você terá que pagar por este (resmungo).

168
00:09:06,780 --> 00:09:10,510
‫Mas então, nesse ponto, também não há problema, espero.

169
00:09:10,510 --> 00:09:14,620
‫De qualquer forma, agora isso encerra nossa parte sobre o envio de e-mails.

170
00:09:14,620 --> 00:09:17,320
‫E no resto (resmungo), agora vamos falar

171
00:09:17,320 --> 00:09:20,210
‫sobre aceitar pagamentos com cartão de crédito e

172
00:09:20,210 --> 00:09:22,870
‫criar reservas em nosso sistema.

173
00:09:22,870 --> 00:09:25,910
‫Isso é realmente empolgante e espero ver você

174
00:09:25,910 --> 00:09:27,483
‫lá em breve.