1 00:00:00,910 --> 00:00:02,380 ‫Narator: Selamat datang kembali. 2 00:00:02,380 --> 00:00:05,510 ‫Jadi dalam video ini, Anda akan mempelajari cara yang sangat aman 3 00:00:05,510 --> 00:00:06,983 ‫untuk keluar dari pengguna. 4 00:00:08,580 --> 00:00:12,110 ‫Jadi sampai saat ini, ketika kami ingin menghapus pengguna, 5 00:00:12,110 --> 00:00:15,233 ‫kami cukup menghapus cookie dari browser kami. 6 00:00:16,640 --> 00:00:17,570 ‫Benar? 7 00:00:17,570 --> 00:00:19,600 ‫Jadi sesuatu seperti ini, 8 00:00:19,600 --> 00:00:21,190 ‫dan kemudian menghapusnya. 9 00:00:21,190 --> 00:00:24,020 ‫Namun, masalahnya adalah kami membuat cookie 10 00:00:24,020 --> 00:00:26,490 ‫ini sebagai cookie http saja. 11 00:00:26,490 --> 00:00:27,580 ‫Ingat itu, dan 12 00:00:27,580 --> 00:00:30,420 ‫itu berarti bahwa kami tidak dapat memanipulasi cookie ini 13 00:00:30,420 --> 00:00:32,730 ‫dengan cara apa pun di browser kami. 14 00:00:32,730 --> 00:00:33,930 ‫Jadi kita tidak bisa 15 00:00:33,930 --> 00:00:35,903 ‫mengubahnya, dan kita juga tidak bisa menghapusnya. 16 00:00:36,820 --> 00:00:40,580 ‫Jadi mari kita cepat melihat tempat itu dalam kode di mana 17 00:00:40,580 --> 00:00:41,643 ‫kita melakukannya. 18 00:00:42,730 --> 00:00:44,170 ‫Jadi di pengontrol 19 00:00:45,316 --> 00:00:48,830 ‫auth di sana di mana kami benar-benar membuat cookie 20 00:00:49,930 --> 00:00:52,103 ‫itu jadi itu ada di sini. 21 00:00:53,810 --> 00:00:56,910 ‫Dan sekali lagi, ingat, ini berarti kita tidak 22 00:00:56,910 --> 00:01:00,350 ‫dapat memanipulasi cookie di browser dengan cara apa pun. 23 00:01:00,350 --> 00:01:01,760 ‫Bahkan tidak menghancurkannya. 24 00:01:01,760 --> 00:01:03,220 ‫Jadi hapus. 25 00:01:03,220 --> 00:01:07,510 ‫Jadi jika kita ingin tetap menggunakan cara penyimpanan cookie yang 26 00:01:07,510 --> 00:01:09,290 ‫super aman ini, lalu 27 00:01:09,290 --> 00:01:12,730 ‫bagaimana kita bisa benar-benar mengeluarkan pengguna di situs 28 00:01:12,730 --> 00:01:14,260 ‫web kita? 29 00:01:14,260 --> 00:01:17,300 ‫Karena biasanya dengan otentikasi JWT kita hanya 30 00:01:17,300 --> 00:01:18,820 ‫menghapus cookie 31 00:01:18,820 --> 00:01:21,000 ‫atau token dari penyimpanan lokal. 32 00:01:21,000 --> 00:01:25,400 ‫Tapi yah, sekali lagi, itu tidak mungkin saat menggunakannya dengan cara ini. 33 00:01:25,400 --> 00:01:28,240 ‫Jadi yang akan kita lakukan adalah membuat 34 00:01:28,240 --> 00:01:31,940 ‫rute keluar yang sangat sederhana yang hanya akan mengirim kembali 35 00:01:31,940 --> 00:01:34,340 ‫cookie baru dengan nama yang sama 36 00:01:34,340 --> 00:01:36,170 ‫persis tetapi tanpa token. 37 00:01:36,170 --> 00:01:38,810 ‫Dan itu kemudian akan menimpa cookie saat ini 38 00:01:38,810 --> 00:01:41,970 ‫yang kita miliki di browser dengan cookie yang memiliki nama 39 00:01:41,970 --> 00:01:43,740 ‫yang sama tetapi tanpa token. 40 00:01:43,740 --> 00:01:46,440 ‫Jadi ketika cookie itu kemudian dikirim bersama 41 00:01:46,440 --> 00:01:49,560 ‫dengan permintaan berikutnya, maka kami tidak akan dapat 42 00:01:49,560 --> 00:01:51,960 ‫mengidentifikasi pengguna yang sedang login. 43 00:01:51,960 --> 00:01:55,430 ‫Jadi ini secara efektif akan membuat pengguna logout. 44 00:01:55,430 --> 00:01:57,140 ‫Dan juga akan memberikan 45 00:01:57,140 --> 00:01:59,580 ‫cookie ini waktu kedaluwarsa yang sangat singkat. 46 00:01:59,580 --> 00:02:02,300 ‫Jadi ini secara efektif akan sedikit 47 00:02:02,300 --> 00:02:03,500 ‫seperti menghapus 48 00:02:03,500 --> 00:02:07,920 ‫cookie tetapi dengan solusi yang sangat cerdas seperti ini, oke? 49 00:02:07,920 --> 00:02:11,203 ‫Jadi mari kita lakukan itu di sini, tepat setelah masuk. 50 00:02:16,740 --> 00:02:20,480 ‫Jadi sekali lagi ketika kita melakukan otentikasi berbasis token, kita biasanya 51 00:02:20,480 --> 00:02:22,770 ‫tidak pernah membutuhkan titik akhir seperti ini, 52 00:02:25,050 --> 00:02:30,020 ‫tetapi ketika kita ingin mengirim cookie super aman seperti yang kita lakukan dengan baik, maka 53 00:02:30,020 --> 00:02:31,920 ‫kita harus melakukannya seperti ini. 54 00:02:32,770 --> 00:02:36,900 ‫Jadi, sekali lagi, pada respons kami menetapkan cookie, dan 55 00:02:36,900 --> 00:02:40,220 ‫rahasianya adalah memberinya nama yang sama persis. 56 00:02:40,220 --> 00:02:41,930 ‫Jadi seperti yang saya 57 00:02:41,930 --> 00:02:44,450 ‫sebutkan sebelumnya, dan itu adalah jwt. 58 00:02:44,450 --> 00:02:47,800 ‫Jadi seperti di sini, oke? 59 00:02:47,800 --> 00:02:50,700 ‫Tapi di sini, kami kemudian mengirim 60 00:02:50,700 --> 00:02:54,460 ‫token, tetapi sekarang kami hanya akan mengirim beberapa teks dummy. 61 00:02:54,460 --> 00:02:56,113 ‫Jadi katakanlah logout, lalu 62 00:02:58,130 --> 00:02:59,530 ‫opsi cookie. 63 00:03:02,320 --> 00:03:04,280 ‫Jadi tanggal kedaluwarsa, seperti dalam 64 00:03:04,280 --> 00:03:05,893 ‫10 detik dari sekarang. 65 00:03:07,550 --> 00:03:09,970 ‫Jadi mari kita buat tanggal 66 00:03:09,970 --> 00:03:10,900 ‫baru 67 00:03:11,940 --> 00:03:14,210 ‫berdasarkan tanggal. sekarang 68 00:03:15,610 --> 00:03:17,290 ‫ditambah 10 detik. 69 00:03:17,290 --> 00:03:20,173 ‫Jadi 10 kali 1000. 70 00:03:21,660 --> 00:03:26,060 ‫Dan juga saya akan mengaturnya, sekali lagi, ke http saja. 71 00:03:26,060 --> 00:03:27,600 ‫Setel ke true, 72 00:03:27,600 --> 00:03:30,330 ‫tetapi kita tidak perlu menyetelnya sebagai aman, karena 73 00:03:30,330 --> 00:03:32,900 ‫dalam hal ini tidak ada data sensitif 74 00:03:32,900 --> 00:03:34,833 ‫yang dapat diperoleh siapa pun. 75 00:03:36,560 --> 00:03:38,083 ‫Di sini kita kehilangan koma, 76 00:03:39,560 --> 00:03:42,803 ‫jadi sekarang yang perlu kita lakukan hanyalah mengirim tanggapan ini kembali. 77 00:03:43,660 --> 00:03:46,100 ‫Jadi status 200 dan mari kita 78 00:03:50,730 --> 00:03:53,143 ‫tandai sebagai sukses di sini. 79 00:03:57,000 --> 00:04:00,930 ‫Kemudian di rute kami, kami perlu menambahkannya, tentu saja, juga jadi 80 00:04:00,930 --> 00:04:02,740 ‫itu di rute pengguna jadi 81 00:04:04,470 --> 00:04:06,853 ‫mari kita lakukan di sini setelah masuk, 82 00:04:07,900 --> 00:04:11,220 ‫tetapi yang ini sebenarnya akan menjadi permintaan get karena 83 00:04:11,220 --> 00:04:13,130 ‫kami tidak akan mengirim data 84 00:04:13,130 --> 00:04:14,660 ‫apa pun seiring 85 00:04:14,660 --> 00:04:16,410 ‫dengan permintaan kami tidak 86 00:04:16,410 --> 00:04:19,190 ‫mengubah apa pun, kami sebenarnya hanya mendapatkan cookie. 87 00:04:19,190 --> 00:04:21,730 ‫Dan nama itu sebenarnya masuk akal. 88 00:04:21,730 --> 00:04:23,853 ‫Atau kata kerja itu benar-benar masuk akal. 89 00:04:24,860 --> 00:04:26,580 ‫Jadi logout, dan 90 00:04:26,580 --> 00:04:31,580 ‫sekarang kita baik untuk benar-benar mencapai rute itu seperti yang kita 91 00:04:31,610 --> 00:04:34,463 ‫lakukan di sini dengan perpustakaan Axios kita. 92 00:04:37,420 --> 00:04:39,110 ‫Jadi ekspor, log out, 93 00:04:39,110 --> 00:04:40,590 ‫atau sebenarnya const 94 00:04:40,590 --> 00:04:41,950 ‫dulu dan 95 00:04:47,320 --> 00:04:48,980 ‫seperti sebelumnya kita menggunakan 96 00:04:48,980 --> 00:04:50,790 ‫blok try catch yang 97 00:04:53,260 --> 00:04:56,140 ‫dalam hal ini tidak terlalu penting 98 00:04:56,140 --> 00:04:59,270 ‫karena tidak mungkin ada kesalahan saat logout, 99 00:04:59,270 --> 00:05:00,270 ‫kan? 100 00:05:00,270 --> 00:05:02,420 ‫Tapi bagaimanapun, untuk jaga-jaga, misalnya, kita 101 00:05:02,420 --> 00:05:04,140 ‫tidak memiliki koneksi internet. 102 00:05:04,140 --> 00:05:07,800 ‫Jadi dalam hal ini, kita akan mendapatkan kesalahan yang bagus dan mari kita 103 00:05:07,800 --> 00:05:09,910 ‫lakukan itu terlebih dahulu di sini. 104 00:05:09,910 --> 00:05:11,060 ‫Jadi tampilkan kesalahan 105 00:05:16,570 --> 00:05:17,570 ‫saat 106 00:05:20,010 --> 00:05:21,520 ‫keluar coba lagi. 107 00:05:21,520 --> 00:05:23,730 ‫Oke, tapi ini di sini, seperti yang saya 108 00:05:23,730 --> 00:05:25,393 ‫katakan, seharusnya tidak sering terjadi. 109 00:05:26,330 --> 00:05:27,170 ‫Jadi mari 110 00:05:28,370 --> 00:05:29,203 ‫kita 111 00:05:30,060 --> 00:05:31,973 ‫lakukan permintaan kita dengan Axios. 112 00:05:33,810 --> 00:05:34,643 ‫Baiklah. 113 00:05:37,760 --> 00:05:39,610 ‫Jadi metode kali ini adalah get 114 00:05:41,980 --> 00:05:43,120 ‫dan URL-nya mirip 115 00:05:44,030 --> 00:05:45,523 ‫dengan yang kita miliki 116 00:05:46,950 --> 00:05:48,030 ‫di sini, Tapi 117 00:05:49,480 --> 00:05:50,313 ‫itu logout. 118 00:05:52,177 --> 00:05:56,140 ‫Dan kemudian sebagai langkah selanjutnya, mari kita juga memuat ulang halaman. 119 00:05:56,140 --> 00:05:58,180 ‫Jadi itulah yang selalu kami lakukan 120 00:05:58,180 --> 00:06:00,400 ‫secara manual ketika kami menghapus cookie, bukan? 121 00:06:00,400 --> 00:06:03,500 ‫Jadi di sini tentu saja kita perlu melakukannya secara terprogram. 122 00:06:03,500 --> 00:06:04,333 ‫Benar? 123 00:06:04,333 --> 00:06:05,550 ‫Dan kami perlu melakukannya 124 00:06:05,550 --> 00:06:09,780 ‫di sini karena karena ini adalah permintaan Ajax, kami tidak dapat melakukannya di 125 00:06:09,780 --> 00:06:10,990 ‫sisi belakang. 126 00:06:10,990 --> 00:06:13,100 ‫Jadi kita tidak bisa melakukannya dengan express. 127 00:06:13,100 --> 00:06:16,420 ‫Jadi kita perlu, tentu saja, melakukannya secara manual di sini. 128 00:06:16,420 --> 00:06:17,350 ‫Benar? 129 00:06:17,350 --> 00:06:20,680 ‫Kalau tidak, kami secara teknis akan keluar tetapi 130 00:06:20,680 --> 00:06:23,320 ‫menu pengguna kami masih akan mencerminkan sehingga 131 00:06:23,320 --> 00:06:25,950 ‫masih menunjukkan bahwa kami masuk. 132 00:06:25,950 --> 00:06:29,120 ‫Dan tentu saja, kita hanya perlu memuat ulang halaman 133 00:06:29,120 --> 00:06:31,950 ‫yang pada dasarnya akan mengirim cookie yang tidak 134 00:06:31,950 --> 00:06:33,150 ‫valid ke 135 00:06:33,150 --> 00:06:36,140 ‫server, sehingga cookie yang baru saja kita terima 136 00:06:36,140 --> 00:06:38,190 ‫tanpa token dan kemudian kita tidak 137 00:06:38,190 --> 00:06:42,303 ‫lagi login, dan oleh karena itu menu pengguna kita akan menghilang, oke? 138 00:06:43,210 --> 00:06:46,150 ‫Jadi mari kita lakukan itu jika ada yang sukses. 139 00:06:46,150 --> 00:06:51,150 ‫Jadi seperti sebelumnya, istirahatlah. data. status. 140 00:06:52,720 --> 00:06:56,540 ‫Jadi di titik akhir ini, kami juga mengirim kembali status 141 00:06:57,430 --> 00:06:59,140 ‫yang disetel ke sukses, 142 00:06:59,140 --> 00:07:02,040 ‫sehingga kami dapat mengujinya sekali lagi di sini. 143 00:07:02,040 --> 00:07:03,800 ‫Jadi jika ini 144 00:07:03,800 --> 00:07:06,290 ‫masalahnya, kami sebenarnya tidak membutuhkan ini, 145 00:07:06,290 --> 00:07:11,180 ‫jadi dalam hal ini lokasi janda. isi ulang. 146 00:07:11,180 --> 00:07:13,520 ‫Dan kemudian sesuatu yang sangat 147 00:07:13,520 --> 00:07:16,260 ‫penting adalah bahwa kita benar-benar perlu menyetelnya ke 148 00:07:16,260 --> 00:07:19,070 ‫true di sini, dan itu akan memaksa pemuatan 149 00:07:19,070 --> 00:07:22,280 ‫ulang dari server dan bukan dari cache browser, oke? 150 00:07:22,280 --> 00:07:24,830 ‫Sekarang dan tentu saja kita perlu menandainya di 151 00:07:26,080 --> 00:07:27,710 ‫sini sebagai async, dan oke. 152 00:07:27,710 --> 00:07:30,350 ‫Jadi bagian ini di sini sangat penting lagi 153 00:07:30,350 --> 00:07:32,930 ‫karena jika tidak, mungkin hanya memuat halaman yang 154 00:07:32,930 --> 00:07:33,770 ‫sama dari 155 00:07:33,770 --> 00:07:37,070 ‫cache yang kemudian masih memiliki menu pengguna kami di sana. 156 00:07:37,070 --> 00:07:38,970 ‫Tapi tentu saja bukan itu 157 00:07:38,970 --> 00:07:42,243 ‫yang kami inginkan, kami benar-benar ingin halaman baru turun dari server. 158 00:07:43,540 --> 00:07:44,720 ‫Baiklah? 159 00:07:44,720 --> 00:07:47,020 ‫Jadi kita memiliki fungsi logout 160 00:07:47,020 --> 00:07:51,560 ‫dan sekarang dalam indeks kita pada dasarnya perlu memicunya setelah 161 00:07:51,560 --> 00:07:53,700 ‫kita menekan tombol itu. 162 00:07:53,700 --> 00:07:56,463 ‫Jadi mari kita buat elemen di sini dulu. 163 00:07:59,470 --> 00:08:00,830 ‫Jadi 164 00:08:02,080 --> 00:08:04,830 ‫dokumen tombol logout. querySelector dan 165 00:08:10,786 --> 00:08:14,203 ‫ingat bagaimana kami membuat elemen ini. 166 00:08:15,660 --> 00:08:17,783 ‫Jadi di sini. 167 00:08:19,350 --> 00:08:20,976 ‫Jadi yang ini. 168 00:08:20,976 --> 00:08:23,110 ‫Jadi kami memilih sekarang berdasarkan kelas ini. 169 00:08:23,110 --> 00:08:26,910 ‫Baiklah, dan tentu saja kita bisa menggunakan id juga di 170 00:08:26,910 --> 00:08:30,240 ‫sini, tapi itu tidak terlalu penting, oke? 171 00:08:30,240 --> 00:08:33,760 ‫Yang penting di sini adalah sekarang 172 00:08:33,760 --> 00:08:35,713 ‫mengatakan jika ada 173 00:08:39,980 --> 00:08:44,980 ‫tombol logout, lalu logoutButton. tambahkanEventListener. 174 00:08:45,720 --> 00:08:48,650 ‫Jadi kami ingin mendengarkan semua peristiwa 175 00:08:48,650 --> 00:08:52,330 ‫yang terjadi pada tombol itu setiap kali ada klik. 176 00:08:52,330 --> 00:08:54,370 ‫Jadi kita menunggu event click 177 00:08:54,370 --> 00:08:57,460 ‫dan ketika itu terjadi kita memanggil fungsi log 178 00:08:58,740 --> 00:09:00,800 ‫out yang belum kita impor, jadi 179 00:09:00,800 --> 00:09:02,650 ‫mari kita tambahkan disini. 180 00:09:02,650 --> 00:09:06,023 ‫Jadi masuk dan keluar. 181 00:09:07,680 --> 00:09:10,223 ‫Baiklah, dan memang seharusnya begitu. 182 00:09:11,290 --> 00:09:14,570 ‫Jadi, mari kita uji sekarang. 183 00:09:14,570 --> 00:09:17,240 ‫Muat ulang lagi hanya untuk memastikan, 184 00:09:17,240 --> 00:09:18,740 ‫dan sekarang Oh, 185 00:09:18,740 --> 00:09:20,870 ‫kami mendapatkan kesalahan saat keluar. 186 00:09:20,870 --> 00:09:22,253 ‫Coba lagi, kenapa begitu. 187 00:09:26,650 --> 00:09:30,710 ‫Nah, mari kita coba untuk melihat lebih baik kesalahannya. 188 00:09:30,710 --> 00:09:33,130 ‫Tapi yang penting sebenarnya semua ini 189 00:09:33,130 --> 00:09:34,283 ‫sudah berjalan. 190 00:09:35,480 --> 00:09:36,970 ‫Jadi pendengar acara ini 191 00:09:39,207 --> 00:09:42,407 ‫di sini dan juga fungsi logout ini melakukan tugasnya. 192 00:09:44,360 --> 00:09:45,500 ‫Jadi mari 193 00:09:46,880 --> 00:09:51,383 ‫kita lakukan konsol. kesalahan log. tanggapan. 194 00:09:55,370 --> 00:09:58,310 ‫Jadi mari kita reload ini di sini. 195 00:09:58,310 --> 00:10:00,223 ‫Seharusnya terjadi secara otomatis. 196 00:10:01,330 --> 00:10:02,343 ‫Baiklah. 197 00:10:03,350 --> 00:10:04,703 ‫Jadi coba itu lagi. 198 00:10:06,820 --> 00:10:08,480 ‫Jadi apa yang terjadi 199 00:10:12,500 --> 00:10:16,493 ‫di sini sehingga cast ke objek id gagal untuk nilai logout. 200 00:10:17,880 --> 00:10:20,180 ‫Jadi itu sangat aneh. 201 00:10:20,180 --> 00:10:21,523 ‫Lihatlah rute itu. 202 00:10:23,360 --> 00:10:24,523 ‫Oh, tentu 203 00:10:25,910 --> 00:10:27,750 ‫saja, itu kesalahan serius. 204 00:10:27,750 --> 00:10:29,223 ‫Harus login tentunya. 205 00:10:31,110 --> 00:10:34,933 ‫Oke, tapi hal seperti ini, sekali lagi, selalu terjadi. 206 00:10:36,490 --> 00:10:38,423 ‫Jadi mari kita reload ini di sini. 207 00:10:42,240 --> 00:10:43,733 ‫Dan coba ini lagi. 208 00:10:44,680 --> 00:10:46,700 ‫Dan sekarang kita mendapatkan sesuatu di sini. 209 00:10:46,700 --> 00:10:48,200 ‫Sekarang masih dan error, 210 00:10:48,200 --> 00:10:50,160 ‫tapi itu tidak masalah sama sekali. 211 00:10:50,160 --> 00:10:52,750 ‫Jadi kami memiliki kesalahan token web 212 00:10:52,750 --> 00:10:55,810 ‫JSON karena token web JSON kami salah format. 213 00:10:55,810 --> 00:10:57,890 ‫Dan itu datang, seperti 214 00:10:57,890 --> 00:11:00,610 ‫yang Anda lihat, dari middleware yang masuk. 215 00:11:00,610 --> 00:11:04,323 ‫Jadi kita bisa menebak mengapa demikian, bukan? 216 00:11:05,530 --> 00:11:09,290 ‫Jadi mari kita kembali menambahkan pengontrol auth kita. 217 00:11:09,290 --> 00:11:11,410 ‫Jadi token web JSON yang 218 00:11:11,410 --> 00:11:14,430 ‫pada dasarnya kami kirim sekarang ada di sini, kan? 219 00:11:14,430 --> 00:11:15,960 ‫Jadi ini logout. 220 00:11:15,960 --> 00:11:17,520 ‫Jadi di 221 00:11:18,370 --> 00:11:23,040 ‫sini di isLoggedIn yang pada dasarnya akan memicu kesalahan. 222 00:11:23,040 --> 00:11:27,170 ‫Jadi di sini, di token web JSON, verifikasi, kan? 223 00:11:27,170 --> 00:11:29,420 ‫Dan karena seluruh fungsi di sini 224 00:11:29,420 --> 00:11:33,070 ‫dibungkus dalam catchASync ini, ia akan mengirimkan kesalahan ini ke 225 00:11:33,070 --> 00:11:35,100 ‫semua middleware penanganan kesalahan global. 226 00:11:35,100 --> 00:11:38,290 ‫Dan itu kemudian akan membuat kesalahan ini yang dalam hal 227 00:11:38,290 --> 00:11:40,240 ‫ini tidak kita inginkan, ingat? 228 00:11:40,240 --> 00:11:41,368 ‫Jadi dalam 229 00:11:41,368 --> 00:11:45,220 ‫middleware isLoggedIn ini kami tidak ingin menyebabkan kesalahan apa pun. 230 00:11:45,220 --> 00:11:47,480 ‫Jadi, mari kita perbaiki itu 231 00:11:47,480 --> 00:11:50,520 ‫dan jadi kita akan menghapus catchASync ini 232 00:11:51,490 --> 00:11:55,090 ‫dari sini karena kita tidak ingin menangkap kesalahan Async. 233 00:11:55,090 --> 00:11:57,640 ‫Alih-alih apa yang ingin kami lakukan pada 234 00:11:57,640 --> 00:11:59,200 ‫dasarnya adalah menangkapnya secara 235 00:11:59,200 --> 00:12:02,083 ‫lokal dan kemudian jika ada kesalahan, katakan saja berikutnya. 236 00:12:03,300 --> 00:12:05,240 ‫Seperti ini, oke? 237 00:12:05,240 --> 00:12:06,363 ‫Jadi mari kita lakukan itu. 238 00:12:08,350 --> 00:12:10,813 ‫Jadi bungkus semua ini menjadi percobaan. 239 00:12:14,170 --> 00:12:15,133 ‫Tutup di sini. 240 00:12:18,750 --> 00:12:19,890 ‫Nah, ada yang salah lagi. 241 00:12:19,890 --> 00:12:23,303 ‫Ah! Mungkin kita hanya kehilangan blok tangkapan. 242 00:12:27,520 --> 00:12:32,010 ‫Jadi dalam hal ini kami ingin pergi ke middleware berikutnya. 243 00:12:32,010 --> 00:12:35,463 ‫Jadi pada dasarnya mengatakan bahwa tidak ada pengguna yang masuk. 244 00:12:36,910 --> 00:12:37,743 ‫Benar? 245 00:12:38,970 --> 00:12:41,543 ‫Jadi, mari kita uji lagi. 246 00:12:42,510 --> 00:12:45,283 ‫Kembalilah, oh , dan sekarang kita tidak lagi login. 247 00:12:47,900 --> 00:12:49,590 ‫Jadi masuk. 248 00:12:49,590 --> 00:12:51,103 ‫Itu berhasil. 249 00:12:52,160 --> 00:12:54,093 ‫Dan sekarang langsung saja kita logout. 250 00:12:55,210 --> 00:12:59,110 ‫Ah! Cantik! Sekarang bekerja dengan benar. 251 00:12:59,110 --> 00:13:02,160 ‫Dan kali ini yang terjadi di sini adalah 252 00:13:02,160 --> 00:13:04,160 ‫tentu saja verifikasi di sini 253 00:13:04,160 --> 00:13:07,730 ‫gagal karena token web JSON itu tidak dalam format yang 254 00:13:07,730 --> 00:13:09,560 ‫diharapkan oleh algoritma ini. 255 00:13:09,560 --> 00:13:12,380 ‫Tapi apa yang terjadi dalam kasus ini 256 00:13:12,380 --> 00:13:15,020 ‫adalah bahwa kesalahan tidak ditangkap 257 00:13:15,020 --> 00:13:18,470 ‫menggunakan fungsi catchASync kami, tetapi kemudian langsung menangkap 258 00:13:18,470 --> 00:13:21,480 ‫err, yang kemudian langsung menuju middleware berikutnya. 259 00:13:21,480 --> 00:13:23,790 ‫Baiklah, bagus! 260 00:13:23,790 --> 00:13:26,800 ‫Jadi jika kita sekarang melihat cookie 261 00:13:26,800 --> 00:13:30,743 ‫kita, kita memiliki satu cookie yang mungkin sudah kedaluwarsa. 262 00:13:31,840 --> 00:13:35,810 ‫Jadi Anda melihatnya hanya memiliki umur 10 detik dan jadi jika 263 00:13:35,810 --> 00:13:38,050 ‫saya memuat ulang halaman ini sekarang 264 00:13:40,130 --> 00:13:41,680 ‫sebenarnya sudah seharusnya hilang. 265 00:13:43,700 --> 00:13:46,350 ‫Jadi, Anda tidak melihat cookie yang digunakan. 266 00:13:46,350 --> 00:13:48,800 ‫Oke, dan hanya itu yang harus kita 267 00:13:48,800 --> 00:13:51,583 ‫lakukan untuk mengeluarkan pengguna dari situs web kita.