1
00:00:01,100 --> 00:00:04,030
‫-: Entonces, ahora usemos el servicio Sendgrid para

2
00:00:04,030 --> 00:00:07,880
‫enviar correos electrónicos reales a bandejas de entrada de correo electrónico reales.

3
00:00:07,880 --> 00:00:11,603
‫En lugar de a nuestra bandeja de entrada de desarrollo en Mailtrap.

4
00:00:13,300 --> 00:00:15,710
‫Y entonces, abramos una nueva pestaña

5
00:00:16,640 --> 00:00:19,730
‫aquí y busquemos Sendgrid y luego está aquí,

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

7
00:00:22,470 --> 00:00:26,090
‫Está bien, entonces podemos probarlo gratis.

8
00:00:26,090 --> 00:00:27,810
‫Entonces tendrá algunos límites,

9
00:00:27,810 --> 00:00:30,400
‫pero aún puede crear una cuenta gratuita

10
00:00:30,400 --> 00:00:34,010
‫desde la cual puede enviar como, cien correos electrónicos por día.

11
00:00:34,010 --> 00:00:37,530
‫Muy bien, continúe y cree su cuenta aquí y, una vez

12
00:00:37,530 --> 00:00:39,923
‫que esté listo, vuelva a este video.

13
00:00:41,820 --> 00:00:44,420
‫De acuerdo, y después de crear su

14
00:00:44,420 --> 00:00:45,950
‫cuenta, debería ver su

15
00:00:45,950 --> 00:00:49,090
‫panel de control que debería verse así, ¿de acuerdo?

16
00:00:49,090 --> 00:00:53,120
‫Verá que hay un montón de cosas aquí en el lado izquierdo que

17
00:00:53,120 --> 00:00:55,940
‫puede elegir como plantillas, puede ver todo tipo

18
00:00:55,940 --> 00:00:59,000
‫de estadísticas sobre los correos electrónicos que está enviando.

19
00:00:59,000 --> 00:01:01,610
‫Y realmente, hay un montón de

20
00:01:01,610 --> 00:01:04,350
‫configuraciones que también puedes establecer aquí, ¿de acuerdo?

21
00:01:04,350 --> 00:01:06,500
‫Pero por ahora, lo que

22
00:01:06,500 --> 00:01:09,180
‫nos interesa es la Guía de configuración.

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

24
00:01:10,080 --> 00:01:13,050
‫Entonces, aquí, en la esquina superior izquierda de su panel,

25
00:01:13,050 --> 00:01:14,850
‫debería tener este menú aquí

26
00:01:14,850 --> 00:01:17,590
‫donde luego queremos hacer clic en la Guía de configuración.

27
00:01:17,590 --> 00:01:20,120
‫Ahora bien, si la página en el momento en que

28
00:01:20,120 --> 00:01:21,640
‫está viendo este video

29
00:01:21,640 --> 00:01:25,020
‫se ve algo diferente, entonces también puede encontrar el enlace de la Guía

30
00:01:25,020 --> 00:01:26,580
‫de configuración en algún lugar aquí.

31
00:01:26,580 --> 00:01:29,360
‫Y en este caso aquí en el lado de la vista.

32
00:01:29,360 --> 00:01:33,460
‫Así que abramos eso y ahora lo que queremos

33
00:01:33,460 --> 00:01:38,460
‫hacer es integrarnos usando nuestra API web o retransmisión SMTP, ¿de acuerdo?

34
00:01:38,650 --> 00:01:41,410
‫Y también podría integrar fácilmente

35
00:01:41,410 --> 00:01:45,120
‫Sendgrid en Wordpress o Drupal o algo así.

36
00:01:45,120 --> 00:01:47,560
‫Pero, por supuesto, eso no es lo que queremos.

37
00:01:47,560 --> 00:01:49,890
‫Así que aquí queremos la primera

38
00:01:49,890 --> 00:01:52,550
‫opción y luego queremos el relé SMTP.

39
00:01:52,550 --> 00:01:54,400
‫Porque ese es el que

40
00:01:54,400 --> 00:01:56,090
‫necesitamos si queremos usar

41
00:01:56,090 --> 00:01:58,850
‫node mailer y crear un transporte con eso.

42
00:01:58,850 --> 00:02:00,690
‫Y eso es exactamente lo

43
00:02:00,690 --> 00:02:02,840
‫que estamos haciendo y elegimos este.

44
00:02:02,840 --> 00:02:04,740
‫Por otro lado, también

45
00:02:04,740 --> 00:02:07,470
‫podríamos usar la API Sendgrid fácil de

46
00:02:07,470 --> 00:02:09,800
‫usar y entonces elegiríamos esta forma.

47
00:02:09,800 --> 00:02:12,440
‫Pero, de nuevo, con el correo de nodos debemos elegir

48
00:02:12,440 --> 00:02:13,443
‫esta opción aquí.

49
00:02:15,530 --> 00:02:17,530
‫Y luego desde aquí es muy fácil.

50
00:02:17,530 --> 00:02:21,490
‫Entonces aquí solo necesitamos crear una clave API con algún nombre.

51
00:02:21,490 --> 00:02:23,967
‫Y ese nombre no es realmente relevante en

52
00:02:25,930 --> 00:02:27,930
‫absoluto, así que llamémoslo "natours".

53
00:02:27,930 --> 00:02:28,963
‫Crear clave.

54
00:02:30,010 --> 00:02:33,170
‫Y ahora, para configurar o transportar un mailer

55
00:02:33,170 --> 00:02:37,990
‫de nodo, todo lo que necesitamos es este nombre de usuario y esta contraseña.

56
00:02:37,990 --> 00:02:40,550
‫Así que agreguemos estos dos a nuestro archivo de configuración para copiar la

57
00:02:40,550 --> 00:02:49,297
‫contraseña y el nombre de usuario es "apikey. "Entonces, config.

58
00:02:49,297 --> 00:02:51,540
‫env y todo lo relacionado con los

59
00:02:51,540 --> 00:02:52,883
‫correos electrónicos, pongámoslo aquí.

60
00:02:54,100 --> 00:02:55,160
‫Entonces, SENDGRID NOMBRE DE

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

62
00:02:59,850 --> 00:03:00,693
‫es muy bueno.

63
00:03:03,100 --> 00:03:04,430
‫Y la CONTRASEÑA de Sendgrid

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

65
00:03:09,880 --> 00:03:11,880
‫Y una vez más, realmente te

66
00:03:11,880 --> 00:03:15,030
‫pido que crees tu propia cuenta y tu propia clave

67
00:03:15,030 --> 00:03:18,540
‫API y contraseña en lugar de usar la mía, ¿de acuerdo?

68
00:03:18,540 --> 00:03:20,030
‫Porque si mucha gente

69
00:03:20,030 --> 00:03:22,820
‫hace eso, rápidamente dejará de funcionar para todos, ¿de acuerdo?

70
00:03:22,820 --> 00:03:24,610
‫Así que por favor cree

71
00:03:24,610 --> 00:03:28,170
‫su propia cuenta y genere su propia contraseña, ¿de acuerdo?

72
00:03:28,170 --> 00:03:31,453
‫Entonces, en realidad, hay suficiente para que podamos crear o transportar.

73
00:03:34,250 --> 00:03:35,663
‫Y hagámoslo aquí, así que

74
00:03:36,550 --> 00:03:39,363
‫nodos de correo. createTransport.

75
00:03:43,410 --> 00:03:46,570
‫Y ahora, recuerden cómo les dije cuando creamos este controlador de correo

76
00:03:46,570 --> 00:03:49,420
‫electrónico por primera vez hace un par de segundos.

77
00:03:49,420 --> 00:03:52,830
‫Que hay algunos servicios que ya están predefinidos.

78
00:03:52,830 --> 00:03:54,903
‫Y Sendgrid es en realidad uno de ellos.

79
00:03:56,640 --> 00:04:00,633
‫Entonces podemos especificar el servicio y luego configurarlo en Sendgrid.

80
00:04:02,510 --> 00:04:03,343
‫¿Está bien?

81
00:04:03,343 --> 00:04:05,970
‫Y de hecho hicimos esto antes para Gmail y

82
00:04:05,970 --> 00:04:08,760
‫con eso todo lo que necesitábamos pasar era el

83
00:04:08,760 --> 00:04:10,830
‫nombre de usuario y una contraseña.

84
00:04:10,830 --> 00:04:13,120
‫Y entonces aquí va a ser exactamente lo mismo.

85
00:04:13,120 --> 00:04:15,940
‫Y esa es la razón por la que

86
00:04:15,940 --> 00:04:19,770
‫ni siquiera necesitamos especificar el servidor y el puerto, ¿de acuerdo?

87
00:04:19,770 --> 00:04:22,830
‫Porque el servidor de correo del nodo ya conoce estos datos

88
00:04:22,830 --> 00:04:25,253
‫porque está especificando este servicio de Sendgrid.

89
00:04:27,790 --> 00:04:30,640
‫Así que ahora, solo necesitamos especificar la autenticación y el

90
00:04:31,560 --> 00:04:36,090
‫usuario está en proceso. env. SENDGRID NOMBRE DE

91
00:04:38,690 --> 00:04:39,563
‫USUARIO.

92
00:04:40,712 --> 00:04:42,612
‫Y ahora dupliquemos

93
00:04:46,190 --> 00:04:48,373
‫esto aquí y aquí, pase.

94
00:04:49,350 --> 00:04:51,783
‫Está bien, y eso es todo.

95
00:04:53,070 --> 00:04:55,800
‫Y ahora, para probar esto, creemos un nuevo usuario con

96
00:04:55,800 --> 00:04:57,583
‫una dirección de correo electrónico real.

97
00:05:00,030 --> 00:05:04,940
‫Así que vamos a Postman y cerremos todos estos aquí.

98
00:05:09,994 --> 00:05:10,827
‫Muy

99
00:05:12,660 --> 00:05:15,980
‫bien, entonces crearé "Jonas. "Y ahora, como dirección de

100
00:05:15,980 --> 00:05:19,250
‫correo electrónico, crearé uno de estos correos electrónicos desechables, que

101
00:05:19,250 --> 00:05:22,590
‫es básicamente una dirección de correo electrónico y una bandeja de

102
00:05:22,590 --> 00:05:25,513
‫entrada en la que ni siquiera tenemos que registrarnos.

103
00:05:27,350 --> 00:05:30,333
‫Entonces, usaremos el servicio Mailsac.

104
00:05:32,880 --> 00:05:34,413
‫Así que eso es

105
00:05:37,070 --> 00:05:40,140
‫así, y aquí ahora realmente podemos poner cualquier cosa.

106
00:05:40,140 --> 00:05:41,583
‫Así que pongamos

107
00:05:42,740 --> 00:05:46,570
‫"Jonas" y luego todos pueden acceder a esto, ¿de acuerdo?

108
00:05:46,570 --> 00:05:49,860
‫Así que ahora me registraré con esta dirección de correo electrónico y,

109
00:05:49,860 --> 00:05:53,563
‫por lo tanto, el correo electrónico de bienvenida debería terminar en esta bandeja de entrada.

110
00:05:54,500 --> 00:05:57,750
‫Y usted, por supuesto, cuando esté probando esto por su cuenta,

111
00:05:57,750 --> 00:06:01,610
‫por supuesto, puede usar su propia dirección de correo electrónico para esto, ¿de acuerdo?

112
00:06:01,610 --> 00:06:04,800
‫Así que adelante, cree un usuario básicamente para usted con su propia

113
00:06:04,800 --> 00:06:09,350
‫dirección de correo electrónico y luego presione "Enviar". "Y ahora nuestro

114
00:06:09,350 --> 00:06:12,563
‫correo electrónico debería enviarse mediante SendGrid.

115
00:06:13,900 --> 00:06:16,140
‫Y ahora eso puede llevar un

116
00:06:17,380 --> 00:06:21,320
‫poco de tiempo, pero recarguemos aquí, tal vez ya esté allí.

117
00:06:21,320 --> 00:06:22,493
‫Y en realidad no lo es.

118
00:06:23,690 --> 00:06:26,093
‫Así que echemos un vistazo a nuestro panel de control.

119
00:06:27,850 --> 00:06:29,170
‫Y desde mi

120
00:06:29,170 --> 00:06:31,540
‫experiencia, esto en realidad no funciona de inmediato.

121
00:06:31,540 --> 00:06:34,570
‫Entonces, por ejemplo, este número de "CORREOS ELECTRÓNICOS HOY" aquí

122
00:06:34,570 --> 00:06:37,130
‫siempre toma algo de tiempo para actualizarse.

123
00:06:37,130 --> 00:06:39,800
‫Y también los primeros correos electrónicos que

124
00:06:39,800 --> 00:06:42,443
‫envía, no siempre aparecen donde deberían.

125
00:06:43,480 --> 00:06:47,410
‫Entonces, este comportamiento que estamos viendo aquí es algo normal.

126
00:06:47,410 --> 00:06:51,760
‫Pero intentemos esto de nuevo, por lo que todavía no tenemos ningún correo electrónico aquí.

127
00:06:51,760 --> 00:06:54,490
‫Pero en realidad, la razón es

128
00:06:54,490 --> 00:06:57,730
‫que recuerde que este transporte solo funcionará en

129
00:06:57,730 --> 00:07:00,330
‫producción y, por lo

130
00:07:00,330 --> 00:07:03,270
‫tanto, necesitamos ejecutar nuestra aplicación en producción.

131
00:07:03,270 --> 00:07:05,820
‫Lo que ahora mismo no estamos haciendo.

132
00:07:05,820 --> 00:07:07,610
‫Hagámoslo

133
00:07:07,610 --> 00:07:12,203
‫ahora, npm run start production,

134
00:07:14,380 --> 00:07:17,960
‫y probémoslo de nuevo.

135
00:07:17,960 --> 00:07:21,503
‫Entonces, primero eliminaré el usuario que acabamos de crear.

136
00:07:26,950 --> 00:07:28,933
‫Así que es este de aquí,

137
00:07:32,660 --> 00:07:35,340
‫y de hecho, permítanme eliminar todos estos que

138
00:07:35,340 --> 00:07:36,673
‫realmente no necesitamos,

139
00:07:39,270 --> 00:07:40,683
‫todos estos usuarios de prueba.

140
00:07:43,210 --> 00:07:45,970
‫Muy bien, y ahora intentemos esto de nuevo con esta

141
00:07:45,970 --> 00:07:47,390
‫dirección de correo electrónico.

142
00:07:49,820 --> 00:07:53,550
‫Y eso todavía es exitoso y ahora echemos un vistazo nuevamente a

143
00:07:53,550 --> 00:07:55,773
‫nuestra bandeja de entrada de correo electrónico.

144
00:07:56,837 --> 00:08:00,093
‫¡Miramos eso, y ahora recibimos un mensaje!

145
00:08:01,880 --> 00:08:05,330
‫Entonces, cuando lo abrimos, aquí está.

146
00:08:05,330 --> 00:08:07,530
‫Ahora, por alguna razón, esta

147
00:08:07,530 --> 00:08:10,570
‫aplicación está haciendo algo extraño con este botón aquí.

148
00:08:10,570 --> 00:08:12,410
‫Entonces parece que están aplicando sus

149
00:08:12,410 --> 00:08:14,480
‫propios estilos aquí a este correo electrónico.

150
00:08:14,480 --> 00:08:16,700
‫Pero no importa, lo que importa aquí

151
00:08:16,700 --> 00:08:18,540
‫es que realmente funcionó.

152
00:08:18,540 --> 00:08:20,970
‫Y ahora, enviamos nuestro primer correo electrónico usando

153
00:08:20,970 --> 00:08:23,393
‫Sendgrid a una bandeja de entrada real.

154
00:08:24,350 --> 00:08:27,670
‫Ahora veamos si realmente aparece aquí también.

155
00:08:27,670 --> 00:08:31,253
‫Pero como dije, a veces eso toma algún tiempo para aparecer.

156
00:08:32,220 --> 00:08:36,170
‫Entonces, como mencioné antes, todavía muestra cero correos electrónicos aquí, mientras

157
00:08:36,170 --> 00:08:39,803
‫que, de hecho, ya enviamos y recibimos un correo electrónico.

158
00:08:41,880 --> 00:08:43,160
‫Bueno.

159
00:08:43,160 --> 00:08:46,310
‫Genial, así que con esto ahora

160
00:08:46,310 --> 00:08:49,470
‫puedes enviar hasta cien correos electrónicos gratis, creo.

161
00:08:49,470 --> 00:08:51,870
‫Dice algo aquí, sí.

162
00:08:51,870 --> 00:08:54,230
‫Entonces, con la prueba, que acabas de comenzar, creo que

163
00:08:54,230 --> 00:08:55,150
‫es aún más,

164
00:08:55,150 --> 00:08:57,300
‫son como miles de correos electrónicos por día.

165
00:08:57,300 --> 00:08:59,470
‫Pero después de un tiempo, te

166
00:08:59,470 --> 00:09:01,030
‫degradan a solo cien.

167
00:09:01,030 --> 00:09:03,370
‫Entonces, si tienes una aplicación real y

168
00:09:03,370 --> 00:09:06,780
‫una compañía real, por supuesto tendrás que pagar por esta (murmurar).

169
00:09:06,780 --> 00:09:10,510
‫Pero luego, en ese punto, eso tampoco es un problema, con suerte.

170
00:09:10,510 --> 00:09:14,620
‫De todos modos, esto ahora concluye nuestra parte sobre el envío de correos electrónicos.

171
00:09:14,620 --> 00:09:17,320
‫Y en el resto de esto (murmullo), ahora

172
00:09:17,320 --> 00:09:20,210
‫hablaremos de aceptar pagos con tarjetas de crédito

173
00:09:20,210 --> 00:09:22,870
‫y crear reservas en nuestro sistema.

174
00:09:22,870 --> 00:09:25,910
‫Así que eso es realmente muy emocionante y, por lo

175
00:09:25,910 --> 00:09:27,483
‫tanto, espero verte pronto.