1 00:00:01,100 --> 00:00:04,030 ‫-: Jadi, sekarang mari kita gunakan layanan 2 00:00:04,030 --> 00:00:07,880 ‫Sendgrid untuk mengirim email asli ke kotak masuk email asli. 3 00:00:07,880 --> 00:00:11,603 ‫Alih-alih ke kotak masuk pengembangan kami di Mailtrap. 4 00:00:13,300 --> 00:00:15,710 ‫Jadi, mari buka tab baru di 5 00:00:16,640 --> 00:00:19,730 ‫sini dan cari Sendgrid dan kemudian di sini, 6 00:00:19,730 --> 00:00:21,040 ‫SendGrid. com 7 00:00:22,470 --> 00:00:26,090 ‫Baiklah, jadi kita bisa mencobanya secara gratis. 8 00:00:26,090 --> 00:00:27,810 ‫Ini kemudian akan memiliki 9 00:00:27,810 --> 00:00:30,400 ‫beberapa batasan tetapi Anda masih dapat membuat akun 10 00:00:30,400 --> 00:00:34,010 ‫gratis dari mana Anda dapat mengirim seperti, seratus email per hari. 11 00:00:34,010 --> 00:00:37,530 ‫Baiklah, lanjutkan dan buat akun Anda di sini dan setelah 12 00:00:37,530 --> 00:00:39,923 ‫Anda siap, kembalilah ke video ini. 13 00:00:41,820 --> 00:00:44,420 ‫Oke, dan setelah membuat akun Anda, 14 00:00:44,420 --> 00:00:45,950 ‫Anda akan melihat 15 00:00:45,950 --> 00:00:49,090 ‫dasbor Anda yang seharusnya terlihat seperti ini, oke? 16 00:00:49,090 --> 00:00:53,120 ‫Jadi Anda melihat ada banyak hal di sini di sisi kiri yang 17 00:00:53,120 --> 00:00:55,940 ‫dapat Anda pilih seperti template, Anda dapat 18 00:00:55,940 --> 00:00:59,000 ‫melihat semua jenis statistik tentang email yang Anda kirim. 19 00:00:59,000 --> 00:01:01,610 ‫Dan sungguh, ada banyak sekali pengaturan 20 00:01:01,610 --> 00:01:04,350 ‫yang juga dapat Anda atur di sini, oke? 21 00:01:04,350 --> 00:01:06,500 ‫Tapi untuk saat ini, 22 00:01:06,500 --> 00:01:09,180 ‫yang kami minati, ada di Panduan Penyiapan. 23 00:01:09,180 --> 00:01:10,080 ‫Oke? 24 00:01:10,080 --> 00:01:13,050 ‫Jadi di sini, di sudut kiri atas dasbor Anda, Anda 25 00:01:13,050 --> 00:01:14,850 ‫harus memiliki menu ini di 26 00:01:14,850 --> 00:01:17,590 ‫sini di mana kita kemudian ingin mengklik Panduan Penyiapan. 27 00:01:17,590 --> 00:01:20,120 ‫Sekarang jika halaman saat Anda menonton video 28 00:01:20,120 --> 00:01:21,640 ‫ini terlihat agak 29 00:01:21,640 --> 00:01:25,020 ‫berbeda, maka Anda mungkin juga menemukan tautan Panduan Penyiapan di 30 00:01:25,020 --> 00:01:26,580 ‫suatu tempat di bawah sini. 31 00:01:26,580 --> 00:01:29,360 ‫Dan dalam hal ini di sini di sisi penglihatan. 32 00:01:29,360 --> 00:01:33,460 ‫Jadi mari kita buka dan sekarang yang ingin kita 33 00:01:33,460 --> 00:01:38,460 ‫lakukan adalah mengintegrasikan menggunakan API Web atau relai SMTP kita, oke? 34 00:01:38,650 --> 00:01:41,410 ‫Dan Anda juga dapat dengan 35 00:01:41,410 --> 00:01:45,120 ‫mudah mengintegrasikan Sendgrid ke Wordpress atau Drupal atau semacamnya. 36 00:01:45,120 --> 00:01:47,560 ‫Tapi tentu bukan itu yang kita inginkan. 37 00:01:47,560 --> 00:01:49,890 ‫Jadi di sini kita menginginkan opsi 38 00:01:49,890 --> 00:01:52,550 ‫pertama dan kemudian kita menginginkan Relai SMTP. 39 00:01:52,550 --> 00:01:54,400 ‫Karena itulah yang kita butuhkan 40 00:01:54,400 --> 00:01:56,090 ‫jika kita ingin 41 00:01:56,090 --> 00:01:58,850 ‫menggunakan node mailer dan membuat transport dengan itu. 42 00:01:58,850 --> 00:02:00,690 ‫Dan itulah tepatnya yang kami 43 00:02:00,690 --> 00:02:02,840 ‫lakukan dan kami memilih yang ini. 44 00:02:02,840 --> 00:02:04,740 ‫Di sisi lain, kita 45 00:02:04,740 --> 00:02:07,470 ‫juga bisa menggunakan API Sendgrid yang sederhana dan 46 00:02:07,470 --> 00:02:09,800 ‫kemudian kita akan memilih cara ini. 47 00:02:09,800 --> 00:02:12,440 ‫Tetapi sekali lagi, dengan node mailer kita perlu memilih opsi 48 00:02:12,440 --> 00:02:13,443 ‫ini di sini. 49 00:02:15,530 --> 00:02:17,530 ‫Dan kemudian dari sini sangat mudah. 50 00:02:17,530 --> 00:02:21,490 ‫Jadi di sini kita hanya perlu membuat kunci API dengan beberapa nama. 51 00:02:21,490 --> 00:02:23,967 ‫Dan nama itu sama sekali tidak relevan, 52 00:02:25,930 --> 00:02:27,930 ‫jadi sebut saja "natours". 53 00:02:27,930 --> 00:02:28,963 ‫Buat Kunci. 54 00:02:30,010 --> 00:02:33,170 ‫Jadi sekarang untuk mengkonfigurasi atau mengangkut node 55 00:02:33,170 --> 00:02:37,990 ‫mailer yang kita butuhkan sebenarnya adalah nama pengguna dan kata sandi ini. 56 00:02:37,990 --> 00:02:40,550 ‫Jadi mari tambahkan keduanya ke file konfigurasi jadi saya menyalin kata 57 00:02:40,550 --> 00:02:49,297 ‫sandi dan nama pengguna adalah "apikey. "Jadi, konfigurasi. 58 00:02:49,297 --> 00:02:51,540 ‫env dan kemudian segala sesuatu yang berhubungan dengan email, 59 00:02:51,540 --> 00:02:52,883 ‫mari kita taruh di sini. 60 00:02:54,100 --> 00:02:55,160 ‫Jadi SENDGRID 61 00:02:57,840 --> 00:02:58,673 ‫USERNAME 62 00:02:59,850 --> 00:03:00,693 ‫adalah apikey. 63 00:03:03,100 --> 00:03:04,430 ‫Dan PASSWORD Sendgrid adalah 64 00:03:07,350 --> 00:03:08,253 ‫yang ini. 65 00:03:09,880 --> 00:03:11,880 ‫Dan sekali lagi saya benar-benar 66 00:03:11,880 --> 00:03:15,030 ‫meminta Anda untuk membuat akun Anda sendiri dan kunci 67 00:03:15,030 --> 00:03:18,540 ‫API dan kata sandi Anda sendiri daripada menggunakan milik saya, oke? 68 00:03:18,540 --> 00:03:20,030 ‫Karena jika banyak orang melakukan 69 00:03:20,030 --> 00:03:22,820 ‫itu, itu akan segera berhenti bekerja untuk semua orang, oke? 70 00:03:22,820 --> 00:03:24,610 ‫Jadi silakan buat akun 71 00:03:24,610 --> 00:03:28,170 ‫Anda sendiri dan buat kata sandi Anda sendiri, oke? 72 00:03:28,170 --> 00:03:31,453 ‫Jadi sebenarnya cukup untuk kita buat atau angkut. 73 00:03:34,250 --> 00:03:35,663 ‫Jadi mari kita lakukan itu di 74 00:03:36,550 --> 00:03:39,363 ‫sini, jadi node mailer. buatTransportasi. 75 00:03:43,410 --> 00:03:46,570 ‫Dan sekarang, ingat bagaimana saya memberi tahu Anda ketika kami pertama 76 00:03:46,570 --> 00:03:49,420 ‫kali membuat penangan email ini beberapa detik yang lalu. 77 00:03:49,420 --> 00:03:52,830 ‫Bahwa ada beberapa layanan yang sudah ditentukan sebelumnya. 78 00:03:52,830 --> 00:03:54,903 ‫Dan Sendgrid sebenarnya adalah salah satunya. 79 00:03:56,640 --> 00:04:00,633 ‫Jadi kita bisa menentukan layanan dan kemudian mengaturnya ke Sendgrid. 80 00:04:02,510 --> 00:04:03,343 ‫Baiklah? 81 00:04:03,343 --> 00:04:05,970 ‫Dan kami benar-benar melakukan ini sebelumnya untuk 82 00:04:05,970 --> 00:04:08,760 ‫Gmail dan dengan itu yang kami perlukan hanyalah 83 00:04:08,760 --> 00:04:10,830 ‫nama pengguna dan kata sandi. 84 00:04:10,830 --> 00:04:13,120 ‫Dan di sini akan menjadi persis sama. 85 00:04:13,120 --> 00:04:15,940 ‫Dan itulah alasan mengapa kita 86 00:04:15,940 --> 00:04:19,770 ‫sebenarnya tidak perlu menentukan Server dan Port, oke? 87 00:04:19,770 --> 00:04:22,830 ‫Karena node mailer sudah mengetahui data ini 88 00:04:22,830 --> 00:04:25,253 ‫karena menspesifikasikan layanan Sendgrid ini. 89 00:04:27,790 --> 00:04:30,640 ‫Jadi sekarang, kita hanya perlu menentukan otentikasi dan 90 00:04:31,560 --> 00:04:36,090 ‫pengguna sedang dalam proses. lingkungan NAMA PENGGUNA 91 00:04:38,690 --> 00:04:39,563 ‫SENDGRID. 92 00:04:40,712 --> 00:04:42,612 ‫Dan sekarang mari kita gandakan 93 00:04:46,190 --> 00:04:48,373 ‫ini di sini dan di sini, lulus. 94 00:04:49,350 --> 00:04:51,783 ‫Oke, dan itu sebenarnya. 95 00:04:53,070 --> 00:04:55,800 ‫Dan sekarang untuk mengujinya, mari buat pengguna baru 96 00:04:55,800 --> 00:04:57,583 ‫dengan alamat email asli. 97 00:05:00,030 --> 00:05:04,940 ‫Jadi kita pergi ke Postman dan mari kita tutup semua ini di sini. 98 00:05:09,994 --> 00:05:10,827 ‫Baiklah, jadi 99 00:05:12,660 --> 00:05:15,980 ‫saya akan membuat "Jonas. " Dan sekarang sebagai 100 00:05:15,980 --> 00:05:19,250 ‫alamat email saya akan membuat salah satu email sekali 101 00:05:19,250 --> 00:05:22,590 ‫pakai ini yang pada dasarnya adalah alamat email dan 102 00:05:22,590 --> 00:05:25,513 ‫kotak masuk yang bahkan tidak perlu kita daftarkan. 103 00:05:27,350 --> 00:05:30,333 ‫Jadi, kita akan menggunakan layanan Mailsac. 104 00:05:32,880 --> 00:05:34,413 ‫Jadi seperti itu, dan 105 00:05:37,070 --> 00:05:40,140 ‫di sini kita sekarang benar-benar bisa meletakkan apa saja. 106 00:05:40,140 --> 00:05:41,583 ‫Jadi mari kita 107 00:05:42,740 --> 00:05:46,570 ‫masukkan "Jonas" dan semua orang bisa mengakses ini, oke? 108 00:05:46,570 --> 00:05:49,860 ‫Jadi saya sekarang akan mendaftar dengan alamat email 109 00:05:49,860 --> 00:05:53,563 ‫ini dan email selamat datang akan berakhir di kotak masuk ini. 110 00:05:54,500 --> 00:05:57,750 ‫Dan Anda tentu saja, ketika Anda menguji ini sendiri 111 00:05:57,750 --> 00:06:01,610 ‫tentu saja dapat menggunakan alamat email Anda sendiri untuk ini, oke? 112 00:06:01,610 --> 00:06:04,800 ‫Jadi silakan, buat pengguna pada dasarnya untuk Anda sendiri dengan 113 00:06:04,800 --> 00:06:09,350 ‫alamat email Anda sendiri, lalu tekan "Kirim. " Jadi sekarang 114 00:06:09,350 --> 00:06:12,563 ‫email kita harus dikirim menggunakan SendGrid. 115 00:06:13,900 --> 00:06:16,140 ‫Dan sekarang mungkin butuh sedikit waktu 116 00:06:17,380 --> 00:06:21,320 ‫tapi mari kita muat ulang di sini, mungkin sudah ada di sana. 117 00:06:21,320 --> 00:06:22,493 ‫Dan sebenarnya tidak. 118 00:06:23,690 --> 00:06:26,093 ‫Jadi mari kita lihat di sini dashboard kami. 119 00:06:27,850 --> 00:06:29,170 ‫Dan dari pengalaman 120 00:06:29,170 --> 00:06:31,540 ‫saya, ini sebenarnya tidak langsung berhasil. 121 00:06:31,540 --> 00:06:34,570 ‫Jadi misalnya nomor "EMAILS TODAY" ini di sini 122 00:06:34,570 --> 00:06:37,130 ‫selalu membutuhkan waktu untuk benar-benar diperbarui. 123 00:06:37,130 --> 00:06:39,800 ‫Dan juga email pertama yang Anda kirim, tidak 124 00:06:39,800 --> 00:06:42,443 ‫selalu benar-benar muncul di tempat yang seharusnya. 125 00:06:43,480 --> 00:06:47,410 ‫Jadi perilaku yang kita lihat di sini adalah hal yang normal. 126 00:06:47,410 --> 00:06:51,760 ‫Tapi mari kita coba ini lagi, jadi kita masih belum mendapat email di sini. 127 00:06:51,760 --> 00:06:54,490 ‫Tapi sebenarnya alasannya adalah mengingat 128 00:06:54,490 --> 00:06:57,730 ‫bahwa transportasi ini hanya akan bekerja di 129 00:06:57,730 --> 00:07:00,330 ‫produksi dan sebenarnya kita 130 00:07:00,330 --> 00:07:03,270 ‫perlu menjalankan aplikasi kita di produksi. 131 00:07:03,270 --> 00:07:05,820 ‫Yang saat ini tidak kita lakukan. 132 00:07:05,820 --> 00:07:07,610 ‫Jadi sekarang 133 00:07:07,610 --> 00:07:12,203 ‫mari kita lakukan itu, npm run start production, 134 00:07:14,380 --> 00:07:17,960 ‫dan sekarang mari kita coba lagi. 135 00:07:17,960 --> 00:07:21,503 ‫Jadi pertama-tama saya akan menghapus pengguna yang baru saja kita buat. 136 00:07:26,950 --> 00:07:28,933 ‫Jadi ini dia di sini, dan 137 00:07:32,660 --> 00:07:35,340 ‫izinkan saya menghapus semua yang sebenarnya tidak kita 138 00:07:35,340 --> 00:07:36,673 ‫perlukan, jadi 139 00:07:39,270 --> 00:07:40,683 ‫semua pengguna uji ini. 140 00:07:43,210 --> 00:07:45,970 ‫Baiklah, jadi sekarang mari kita coba lagi dengan 141 00:07:45,970 --> 00:07:47,390 ‫alamat email ini. 142 00:07:49,820 --> 00:07:53,550 ‫Dan itu masih berhasil dan sekarang mari kita lihat 143 00:07:53,550 --> 00:07:55,773 ‫lagi inbox email kita. 144 00:07:56,837 --> 00:08:00,093 ‫Kami melihat itu, dan sekarang kami mendapatkan satu pesan! 145 00:08:01,880 --> 00:08:05,330 ‫Jadi, ketika kita membukanya, maka ini dia. 146 00:08:05,330 --> 00:08:07,530 ‫Sekarang untuk beberapa alasan, aplikasi ini 147 00:08:07,530 --> 00:08:10,570 ‫melakukan sesuatu yang aneh dengan tombol ini di sini. 148 00:08:10,570 --> 00:08:12,410 ‫Jadi sepertinya mereka menerapkan gaya 149 00:08:12,410 --> 00:08:14,480 ‫mereka sendiri di sini ke email ini. 150 00:08:14,480 --> 00:08:16,700 ‫Tapi tidak apa-apa, yang penting di sini 151 00:08:16,700 --> 00:08:18,540 ‫adalah itu benar-benar berhasil. 152 00:08:18,540 --> 00:08:20,970 ‫Jadi sekarang, kami mengirim email pertama kami menggunakan 153 00:08:20,970 --> 00:08:23,393 ‫Sendgrid ke kotak masuk yang sebenarnya. 154 00:08:24,350 --> 00:08:27,670 ‫Sekarang mari kita lihat apakah itu benar-benar muncul di sini juga. 155 00:08:27,670 --> 00:08:31,253 ‫Tapi seperti yang saya katakan, terkadang hal itu membutuhkan waktu untuk muncul. 156 00:08:32,220 --> 00:08:36,170 ‫Jadi seperti yang saya sebutkan sebelumnya, masih menunjukkan nol email di 157 00:08:36,170 --> 00:08:39,803 ‫sini padahal sebenarnya, kami sudah mengirim dan menerima satu email. 158 00:08:41,880 --> 00:08:43,160 ‫Oke. 159 00:08:43,160 --> 00:08:46,310 ‫Sangat bagus, jadi dengan ini Anda sekarang 160 00:08:46,310 --> 00:08:49,470 ‫dapat mengirim hingga seratus email gratis, saya yakin. 161 00:08:49,470 --> 00:08:51,870 ‫Ini mengatakan sesuatu di sini, ya. 162 00:08:51,870 --> 00:08:54,230 ‫Jadi dengan uji coba, yang baru saja Anda mulai, 163 00:08:54,230 --> 00:08:55,150 ‫saya pikir 164 00:08:55,150 --> 00:08:57,300 ‫ini bahkan lebih, seperti ribuan email per hari. 165 00:08:57,300 --> 00:08:59,470 ‫Tetapi setelah beberapa waktu, Anda diturunkan 166 00:08:59,470 --> 00:09:01,030 ‫menjadi hanya seratus. 167 00:09:01,030 --> 00:09:03,370 ‫Jadi, jika Anda memiliki aplikasi nyata dan 168 00:09:03,370 --> 00:09:06,780 ‫perusahaan nyata, tentu saja Anda harus membayar untuk yang satu ini (gumam). 169 00:09:06,780 --> 00:09:10,510 ‫Tapi kemudian pada titik itu, mudah-mudahan itu juga tidak masalah. 170 00:09:10,510 --> 00:09:14,620 ‫Bagaimanapun, ini sekarang menyelesaikan bagian kita tentang mengirim email. 171 00:09:14,620 --> 00:09:17,320 ‫Dan selanjutnya (bergumam), kita sekarang akan berbicara 172 00:09:17,320 --> 00:09:20,210 ‫tentang menerima pembayaran dengan kartu kredit dan 173 00:09:20,210 --> 00:09:22,870 ‫membuat pemesanan di sistem kita. 174 00:09:22,870 --> 00:09:25,910 ‫Jadi itu benar-benar sangat menarik dan, saya berharap dapat melihat 175 00:09:25,910 --> 00:09:27,483 ‫Anda di sana segera.