1 00:00:01,100 --> 00:00:04,030 ‫-: Quindi, ora usiamo il servizio Sendgrid 2 00:00:04,030 --> 00:00:07,880 ‫per inviare email reali a caselle di posta elettronica reali. 3 00:00:07,880 --> 00:00:11,603 ‫Piuttosto che alla nostra casella di posta di sviluppo su Mailtrap. 4 00:00:13,300 --> 00:00:15,710 ‫E così, apriamo una nuova scheda 5 00:00:16,640 --> 00:00:19,730 ‫qui e cerchiamo Sendgrid e poi è qui, 6 00:00:19,730 --> 00:00:21,040 ‫SendGrid. com 7 00:00:22,470 --> 00:00:26,090 ‫Va bene, così possiamo provarlo gratuitamente. 8 00:00:26,090 --> 00:00:27,810 ‫Avrà quindi dei 9 00:00:27,810 --> 00:00:30,400 ‫limiti ma potrai comunque creare un account 10 00:00:30,400 --> 00:00:34,010 ‫gratuito dal quale potrai inviare tipo, cento email al giorno. 11 00:00:34,010 --> 00:00:37,530 ‫Va bene, quindi vai avanti e crea il tuo account qui e 12 00:00:37,530 --> 00:00:39,923 ‫quando sei pronto torna a questo video. 13 00:00:41,820 --> 00:00:44,420 ‫Ok, e dopo aver creato il tuo 14 00:00:44,420 --> 00:00:45,950 ‫account dovresti vedere la 15 00:00:45,950 --> 00:00:49,090 ‫tua dashboard che dovrebbe assomigliare a questa, va bene? 16 00:00:49,090 --> 00:00:53,120 ‫Quindi vedi che ci sono un sacco di cose qui sul lato sinistro 17 00:00:53,120 --> 00:00:55,940 ‫che puoi scegliere come modelli, puoi vedere tutti 18 00:00:55,940 --> 00:00:59,000 ‫i tipi di statistiche sulle e-mail che stai inviando. 19 00:00:59,000 --> 00:01:01,610 ‫E davvero, ci sono un sacco 20 00:01:01,610 --> 00:01:04,350 ‫di impostazioni che puoi anche impostare qui, ok? 21 00:01:04,350 --> 00:01:06,500 ‫Ma per ora, ciò 22 00:01:06,500 --> 00:01:09,180 ‫che ci interessa è nella Guida all'installazione. 23 00:01:09,180 --> 00:01:10,080 ‫Va bene? 24 00:01:10,080 --> 00:01:13,050 ‫Quindi qui nell'angolo in alto a sinistra della tua dashboard 25 00:01:13,050 --> 00:01:14,850 ‫dovresti avere questo menu qui 26 00:01:14,850 --> 00:01:17,590 ‫dove poi vogliamo fare clic sulla Guida alla configurazione. 27 00:01:17,590 --> 00:01:20,120 ‫Ora, se la pagina nel momento in cui stai 28 00:01:20,120 --> 00:01:21,640 ‫guardando questo video ha 29 00:01:21,640 --> 00:01:25,020 ‫un aspetto leggermente diverso, potresti anche trovare il link Guida alla configurazione 30 00:01:25,020 --> 00:01:26,580 ‫da qualche parte qui sotto. 31 00:01:26,580 --> 00:01:29,360 ‫E in questo caso qui dal lato della vista. 32 00:01:29,360 --> 00:01:33,460 ‫Quindi apriamolo e ora quello che vogliamo fare è 33 00:01:33,460 --> 00:01:38,460 ‫integrare qui utilizzando la nostra API Web o l'inoltro SMTP, ok? 34 00:01:38,650 --> 00:01:41,410 ‫E potresti anche integrare facilmente 35 00:01:41,410 --> 00:01:45,120 ‫Sendgrid in Wordpress o Drupal o qualcosa del genere. 36 00:01:45,120 --> 00:01:47,560 ‫Ma ovviamente non è quello che vogliamo. 37 00:01:47,560 --> 00:01:49,890 ‫Quindi qui vogliamo la prima 38 00:01:49,890 --> 00:01:52,550 ‫opzione e poi vogliamo l'inoltro SMTP. 39 00:01:52,550 --> 00:01:54,400 ‫Perché è quello di cui abbiamo 40 00:01:54,400 --> 00:01:56,090 ‫bisogno se vogliamo usare 41 00:01:56,090 --> 00:01:58,850 ‫il node mailer e creare un trasporto con quello. 42 00:01:58,850 --> 00:02:00,690 ‫E quindi è esattamente quello 43 00:02:00,690 --> 00:02:02,840 ‫che stiamo facendo e quindi scegliamo questo. 44 00:02:02,840 --> 00:02:04,740 ‫D'altra parte, potremmo anche 45 00:02:04,740 --> 00:02:07,470 ‫usare l'API Sendgrid semplice da usare e 46 00:02:07,470 --> 00:02:09,800 ‫quindi sceglieremmo in questo modo. 47 00:02:09,800 --> 00:02:12,440 ‫Ma ancora una volta, con node mailer dobbiamo scegliere 48 00:02:12,440 --> 00:02:13,443 ‫questa opzione qui. 49 00:02:15,530 --> 00:02:17,530 ‫E poi da qui è molto facile. 50 00:02:17,530 --> 00:02:21,490 ‫Quindi qui dobbiamo solo creare una chiave API con un nome. 51 00:02:21,490 --> 00:02:23,967 ‫E quindi quel nome non è affatto 52 00:02:25,930 --> 00:02:27,930 ‫rilevante, quindi chiamiamolo semplicemente "natours". 53 00:02:27,930 --> 00:02:28,963 ‫Crea chiave. 54 00:02:30,010 --> 00:02:33,170 ‫E così ora per configurare o trasportare un nodo 55 00:02:33,170 --> 00:02:37,990 ‫mailer tutto ciò di cui abbiamo bisogno è in realtà questo nome utente e questa password. 56 00:02:37,990 --> 00:02:40,550 ‫Quindi aggiungiamo questi due al nostro file di configurazione così sto copiando 57 00:02:40,550 --> 00:02:49,297 ‫la password e il nome utente è "apikey. "Quindi, config. 58 00:02:49,297 --> 00:02:51,540 ‫env e poi tutto ciò che è correlato 59 00:02:51,540 --> 00:02:52,883 ‫alle e-mail, mettiamolo qui. 60 00:02:54,100 --> 00:02:55,160 ‫Quindi SENDGRID 61 00:02:57,840 --> 00:02:58,673 ‫USERNAME 62 00:02:59,850 --> 00:03:00,693 ‫è apikey. 63 00:03:03,100 --> 00:03:04,430 ‫E Sendgrid PASSWORD 64 00:03:07,350 --> 00:03:08,253 ‫è questo. 65 00:03:09,880 --> 00:03:11,880 ‫E ancora una volta ti 66 00:03:11,880 --> 00:03:15,030 ‫chiedo davvero di creare il tuo account e la 67 00:03:15,030 --> 00:03:18,540 ‫tua chiave API e password invece di usare la mia, ok? 68 00:03:18,540 --> 00:03:20,030 ‫Perché se molte persone 69 00:03:20,030 --> 00:03:22,820 ‫lo fanno, smetterà presto di funzionare per tutti, va bene? 70 00:03:22,820 --> 00:03:24,610 ‫Quindi, per favore, crea 71 00:03:24,610 --> 00:03:28,170 ‫il tuo account e genera la tua password, ok? 72 00:03:28,170 --> 00:03:31,453 ‫Quindi in realtà c'è abbastanza per noi da creare o trasportare. 73 00:03:34,250 --> 00:03:35,663 ‫E quindi facciamolo qui, 74 00:03:36,550 --> 00:03:39,363 ‫quindi node mailer. creareTrasporto. 75 00:03:43,410 --> 00:03:46,570 ‫E ora, ricorda come ti ho detto quando abbiamo creato per la prima 76 00:03:46,570 --> 00:03:49,420 ‫volta questo gestore di posta elettronica un paio di secondi fa. 77 00:03:49,420 --> 00:03:52,830 ‫Che ci sono alcuni servizi che sono già predefiniti. 78 00:03:52,830 --> 00:03:54,903 ‫E Sendgrid è in realtà uno di questi. 79 00:03:56,640 --> 00:04:00,633 ‫Quindi possiamo specificare il servizio e quindi impostarlo su Sendgrid. 80 00:04:02,510 --> 00:04:03,343 ‫Va bene? 81 00:04:03,343 --> 00:04:05,970 ‫E in realtà lo abbiamo fatto prima per Gmail 82 00:04:05,970 --> 00:04:08,760 ‫e con questo tutto ciò di cui avevamo bisogno per passare 83 00:04:08,760 --> 00:04:10,830 ‫era il nome utente e una password. 84 00:04:10,830 --> 00:04:13,120 ‫E quindi qui sarà esattamente lo stesso. 85 00:04:13,120 --> 00:04:15,940 ‫E questo è il motivo per cui in 86 00:04:15,940 --> 00:04:19,770 ‫realtà non abbiamo nemmeno bisogno di specificare il server e la porta, ok? 87 00:04:19,770 --> 00:04:22,830 ‫Perché il mailer del nodo conosce già questi dati 88 00:04:22,830 --> 00:04:25,253 ‫perché sta specificando questo servizio Sendgrid. 89 00:04:27,790 --> 00:04:30,640 ‫Quindi ora, dobbiamo solo specificare l'autenticazione e l'utente 90 00:04:31,560 --> 00:04:36,090 ‫è al processo. avv. SENDGRID NOME 91 00:04:38,690 --> 00:04:39,563 ‫UTENTE. 92 00:04:40,712 --> 00:04:42,612 ‫E ora duplichiamo 93 00:04:46,190 --> 00:04:48,373 ‫questo qui e qui, passa. 94 00:04:49,350 --> 00:04:51,783 ‫Ok, e in effetti è così. 95 00:04:53,070 --> 00:04:55,800 ‫E ora per testarlo, creiamo un nuovo utente 96 00:04:55,800 --> 00:04:57,583 ‫con un vero indirizzo email. 97 00:05:00,030 --> 00:05:04,940 ‫Quindi andiamo da Postman e chiudiamo tutto qui. 98 00:05:09,994 --> 00:05:10,827 ‫Va 99 00:05:12,660 --> 00:05:15,980 ‫bene, quindi creerò "Jonas. "E ora come indirizzo 100 00:05:15,980 --> 00:05:19,250 ‫email creerò una di queste email usa e getta 101 00:05:19,250 --> 00:05:22,590 ‫che è fondamentalmente un indirizzo email e una casella di 102 00:05:22,590 --> 00:05:25,513 ‫posta per la quale non dobbiamo nemmeno registrarci. 103 00:05:27,350 --> 00:05:30,333 ‫Quindi, useremo il servizio Mailsac. 104 00:05:32,880 --> 00:05:34,413 ‫Quindi va così, 105 00:05:37,070 --> 00:05:40,140 ‫e quindi qui ora possiamo davvero mettere qualsiasi cosa. 106 00:05:40,140 --> 00:05:41,583 ‫Quindi mettiamo 107 00:05:42,740 --> 00:05:46,570 ‫"Jonas" e tutti possono accedervi, va bene? 108 00:05:46,570 --> 00:05:49,860 ‫Quindi ora mi registrerò con questo indirizzo e-mail e 109 00:05:49,860 --> 00:05:53,563 ‫quindi l'e-mail di benvenuto dovrebbe finire in questa casella di posta. 110 00:05:54,500 --> 00:05:57,750 ‫E tu ovviamente, quando lo stai testando da 111 00:05:57,750 --> 00:06:01,610 ‫solo, puoi ovviamente usare il tuo indirizzo email per questo, ok? 112 00:06:01,610 --> 00:06:04,800 ‫Quindi vai avanti, crea un utente fondamentalmente per te stesso con 113 00:06:04,800 --> 00:06:09,350 ‫il tuo indirizzo email, quindi premi "Invia. " E così ora 114 00:06:09,350 --> 00:06:12,563 ‫la nostra email dovrebbe essere inviata utilizzando SendGrid. 115 00:06:13,900 --> 00:06:16,140 ‫E ora potrebbe volerci un 116 00:06:17,380 --> 00:06:21,320 ‫po' di tempo ma ricarichiamo qui, forse è già lì. 117 00:06:21,320 --> 00:06:22,493 ‫E in realtà non lo è. 118 00:06:23,690 --> 00:06:26,093 ‫Quindi diamo un'occhiata qui alla nostra dashboard. 119 00:06:27,850 --> 00:06:29,170 ‫E dalla mia 120 00:06:29,170 --> 00:06:31,540 ‫esperienza, questo in realtà non funziona subito. 121 00:06:31,540 --> 00:06:34,570 ‫Quindi, ad esempio, questo numero "EMAILS TODAY" qui richiede 122 00:06:34,570 --> 00:06:37,130 ‫sempre del tempo per essere effettivamente aggiornato. 123 00:06:37,130 --> 00:06:39,800 ‫E anche le prime e-mail che invii, non 124 00:06:39,800 --> 00:06:42,443 ‫sempre vengono effettivamente visualizzate dove dovrebbero. 125 00:06:43,480 --> 00:06:47,410 ‫Quindi questo comportamento che stiamo vedendo qui è abbastanza normale. 126 00:06:47,410 --> 00:06:51,760 ‫Ma proviamo di nuovo, quindi non abbiamo ancora ricevuto alcuna email qui. 127 00:06:51,760 --> 00:06:54,490 ‫Ma in realtà il motivo è 128 00:06:54,490 --> 00:06:57,730 ‫che ricorda che questo trasporto funzionerà solo in 129 00:06:57,730 --> 00:07:00,330 ‫produzione e quindi in realtà 130 00:07:00,330 --> 00:07:03,270 ‫dobbiamo eseguire la nostra applicazione in produzione. 131 00:07:03,270 --> 00:07:05,820 ‫Cosa che in questo momento non stiamo facendo. 132 00:07:05,820 --> 00:07:07,610 ‫Quindi ora 133 00:07:07,610 --> 00:07:12,203 ‫facciamolo, npm run avvia la produzione, 134 00:07:14,380 --> 00:07:17,960 ‫quindi proviamo di nuovo. 135 00:07:17,960 --> 00:07:21,503 ‫Quindi prima eliminerò l'utente che abbiamo appena creato. 136 00:07:26,950 --> 00:07:28,933 ‫Quindi è questo qui, e in realtà 137 00:07:32,660 --> 00:07:35,340 ‫mi permetta di eliminare tutti quelli che non ci 138 00:07:35,340 --> 00:07:36,673 ‫servono davvero, quindi 139 00:07:39,270 --> 00:07:40,683 ‫tutti questi utenti di prova. 140 00:07:43,210 --> 00:07:45,970 ‫Va bene, quindi ora proviamo di nuovo con 141 00:07:45,970 --> 00:07:47,390 ‫questo indirizzo email. 142 00:07:49,820 --> 00:07:53,550 ‫E questo ha ancora successo e ora diamo di nuovo un'occhiata 143 00:07:53,550 --> 00:07:55,773 ‫alla nostra casella di posta elettronica. 144 00:07:56,837 --> 00:08:00,093 ‫Lo guardiamo, e ora riceviamo un messaggio! 145 00:08:01,880 --> 00:08:05,330 ‫Quindi, quando lo apriamo, eccolo qui. 146 00:08:05,330 --> 00:08:07,530 ‫Ora, per qualche ragione, questa applicazione 147 00:08:07,530 --> 00:08:10,570 ‫sta facendo qualcosa di strano con questo pulsante qui. 148 00:08:10,570 --> 00:08:12,410 ‫Quindi sembra che stiano applicando 149 00:08:12,410 --> 00:08:14,480 ‫i propri stili a questa email. 150 00:08:14,480 --> 00:08:16,700 ‫Ma non importa, ciò che conta qui 151 00:08:16,700 --> 00:08:18,540 ‫è che ha funzionato davvero. 152 00:08:18,540 --> 00:08:20,970 ‫E così ora, inviamo la nostra prima e-mail utilizzando 153 00:08:20,970 --> 00:08:23,393 ‫Sendgrid a una vera casella di posta. 154 00:08:24,350 --> 00:08:27,670 ‫Ora vediamo solo se viene effettivamente visualizzato anche qui. 155 00:08:27,670 --> 00:08:31,253 ‫Ma come ho detto, a volte ci vuole del tempo per presentarsi. 156 00:08:32,220 --> 00:08:36,170 ‫Quindi, come ho detto prima, mostra ancora zero e-mail qui 157 00:08:36,170 --> 00:08:39,803 ‫mentre in realtà abbiamo già inviato e ricevuto un'e-mail. 158 00:08:41,880 --> 00:08:43,160 ‫Va bene. 159 00:08:43,160 --> 00:08:46,310 ‫Fantastico, quindi con questo ora puoi 160 00:08:46,310 --> 00:08:49,470 ‫inviare fino a cento e-mail gratuite, credo. 161 00:08:49,470 --> 00:08:51,870 ‫Dice qualcosa qui, sì. 162 00:08:51,870 --> 00:08:54,230 ‫Quindi con la prova, che hai appena iniziato, penso che 163 00:08:54,230 --> 00:08:55,150 ‫sia ancora di 164 00:08:55,150 --> 00:08:57,300 ‫più, sono come migliaia di email al giorno. 165 00:08:57,300 --> 00:08:59,470 ‫Ma dopo un po' vieni declassato 166 00:08:59,470 --> 00:09:01,030 ‫a solo cento. 167 00:09:01,030 --> 00:09:03,370 ‫Quindi, se hai una vera app 168 00:09:03,370 --> 00:09:06,780 ‫e una vera azienda, ovviamente dovrai pagare per questa (mumble). 169 00:09:06,780 --> 00:09:10,510 ‫Ma poi, a quel punto, anche questo non è un problema, si spera. 170 00:09:10,510 --> 00:09:14,620 ‫Ad ogni modo, questo ora conclude la nostra parte sull'invio di e-mail. 171 00:09:14,620 --> 00:09:17,320 ‫E nel resto di questo (mumble), ora 172 00:09:17,320 --> 00:09:20,210 ‫parleremo di accettare pagamenti con carte di credito 173 00:09:20,210 --> 00:09:22,870 ‫e creare prenotazioni nel nostro sistema. 174 00:09:22,870 --> 00:09:25,910 ‫Quindi è davvero molto eccitante e spero di 175 00:09:25,910 --> 00:09:27,483 ‫vederti lì presto.