1 00:00:01,150 --> 00:00:02,290 ‫Instruktur: Dalam 2 00:00:02,290 --> 00:00:04,880 ‫video ini, kita akan membicarakan dan 3 00:00:04,880 --> 00:00:07,393 ‫menerapkan konsep yang disebut perutean. 4 00:00:09,040 --> 00:00:11,520 ‫Jadi saat ini, kode yang 5 00:00:11,520 --> 00:00:16,163 ‫kami tulis sama sekali tidak bereaksi terhadap URL yang kami minta. 6 00:00:17,776 --> 00:00:21,110 ‫Jadi katakanlah kita memiliki URL ini dan 7 00:00:21,110 --> 00:00:24,240 ‫mendapatkan respons ini, tetapi jika kita 8 00:00:24,240 --> 00:00:28,550 ‫memiliki produk, misalnya, kita mendapatkan respons yang sama persis, bukan? 9 00:00:28,550 --> 00:00:31,210 ‫Kalau kita lihat contoh, 10 00:00:31,210 --> 00:00:34,560 ‫tugas akhir, nah di sini misalnya 11 00:00:34,560 --> 00:00:36,720 ‫kita lihat Overview. 12 00:00:36,720 --> 00:00:40,920 ‫Jadi sekarang kita memiliki host, lalu port, dan /overview, dan 13 00:00:40,920 --> 00:00:45,083 ‫rutenya di sini adalah /overview, dan kemudian kita melihat halaman 14 00:00:46,081 --> 00:00:46,914 ‫ini. 15 00:00:46,914 --> 00:00:49,483 ‫Tapi sekarang, lihat apa yang terjadi. 16 00:00:50,680 --> 00:00:52,963 ‫Jadi sekarang kami memiliki produk. 17 00:00:52,963 --> 00:00:55,400 ‫Dan itulah mengapa kami mendapatkan halaman produk ini. 18 00:00:55,400 --> 00:00:58,600 ‫Dan kemudian kita kembali, kita kembali ke gambaran umum, 19 00:00:58,600 --> 00:01:02,080 ‫dan kita melihat lagi halaman yang kita miliki di awal. 20 00:01:02,080 --> 00:01:04,690 ‫Juga, jika kita tidak memiliki apa-apa, 21 00:01:04,690 --> 00:01:08,120 ‫maka kita masih melihat halaman yang sama ini. 22 00:01:08,120 --> 00:01:10,840 ‫Dan itu pada dasarnya adalah perutean. 23 00:01:10,840 --> 00:01:14,610 ‫Jadi, perutean pada dasarnya berarti menerapkan tindakan yang berbeda 24 00:01:14,610 --> 00:01:16,770 ‫untuk URL yang berbeda. 25 00:01:16,770 --> 00:01:20,260 ‫Oke, dan sekarang kita tidak memiliki hal seperti itu. 26 00:01:20,260 --> 00:01:23,520 ‫Jadi seperti yang saya katakan, apa pun URL yang kami 27 00:01:23,520 --> 00:01:26,170 ‫miliki, kami selalu mendapatkan respons yang sama. 28 00:01:26,170 --> 00:01:28,750 ‫Jadi sekarang kita harus menerapkan beberapa logika 29 00:01:28,750 --> 00:01:30,410 ‫yang mengubah itu. 30 00:01:30,410 --> 00:01:34,670 ‫Oke, dan sekali lagi, itu akan menjadi perutean. 31 00:01:34,670 --> 00:01:38,490 ‫Sekarang perutean sebenarnya bisa menjadi sangat sangat rumit dalam 32 00:01:38,490 --> 00:01:42,290 ‫aplikasi dunia nyata yang besar, dan dalam hal ini 33 00:01:42,290 --> 00:01:46,690 ‫kami menggunakan alat untuk itu seperti Express, jadi kami akan melakukannya 34 00:01:46,690 --> 00:01:50,300 ‫dalam proyek besar berikutnya dalam kursus ini 35 00:01:50,300 --> 00:01:54,340 ‫di mana kami menggunakan Express untuk melakukan semua ini. 36 00:01:54,340 --> 00:01:57,500 ‫Tapi untuk saat ini, karena kita baru 37 00:01:57,500 --> 00:02:00,350 ‫mulai belajar Node, kita ingin belajar 38 00:02:00,350 --> 00:02:04,050 ‫bagaimana melakukan semuanya dari awal tanpa ketergantungan ini, bukan? 39 00:02:04,050 --> 00:02:06,560 ‫Jadi mari kita terapkan perutean yang 40 00:02:06,560 --> 00:02:08,890 ‫sangat sederhana di server ini. 41 00:02:08,890 --> 00:02:10,670 ‫Sekarang langkah pertama 42 00:02:10,670 --> 00:02:12,863 ‫adalah benar-benar dapat menganalisis URL. 43 00:02:14,020 --> 00:02:17,510 ‫Dan untuk itu, kami menggunakan modul Node bawaan lainnya, yang 44 00:02:17,510 --> 00:02:18,523 ‫disebut URL. 45 00:02:20,420 --> 00:02:22,363 ‫Dan saya hanya menduplikasi 46 00:02:24,410 --> 00:02:27,063 ‫ini di sini, dan kemudian URL. 47 00:02:28,700 --> 00:02:31,940 ‫Dan sebagai sidenote, jadi saya memilih URL, dan kemudian 48 00:02:31,940 --> 00:02:33,550 ‫untuk memilih yang 49 00:02:33,550 --> 00:02:37,000 ‫berikutnya, saya hanya menekan Command + D di keyboard saya. 50 00:02:37,000 --> 00:02:41,710 ‫Oke, saya tahu bahwa seseorang mungkin akan bertanya di T&J 51 00:02:41,710 --> 00:02:42,910 ‫bagaimana saya 52 00:02:42,910 --> 00:02:47,630 ‫melakukan trik ini, dan itulah sebabnya saya membalasnya sekarang, dan 53 00:02:47,630 --> 00:02:49,230 ‫mengatakan cara kerjanya. 54 00:02:49,230 --> 00:02:52,590 ‫Bagaimanapun, pertama-tama, mari kita lihat 55 00:02:52,590 --> 00:02:55,763 ‫permintaannya. url. 56 00:02:56,660 --> 00:03:00,013 ‫Dan tentu saja, saya ingin konsol. log ini. 57 00:03:04,890 --> 00:03:08,390 ‫Jadi hentikan server dan jalankan lagi. 58 00:03:08,390 --> 00:03:11,930 ‫Dan ada alat bagi kita untuk melakukan ini secara otomatis. 59 00:03:11,930 --> 00:03:14,680 ‫Saya yakin beberapa dari Anda akan mengetahuinya. 60 00:03:14,680 --> 00:03:16,870 ‫Dan tentu saja, kita akan menggunakannya nanti, 61 00:03:16,870 --> 00:03:19,950 ‫tetapi untuk saat ini saya ingin terus melakukannya seperti ini. 62 00:03:19,950 --> 00:03:23,770 ‫Oke, jadi mari kita muat ulang ini. 63 00:03:23,770 --> 00:03:27,463 ‫Bekerja sama, dan di sini kita mendapatkan URL. 64 00:03:28,600 --> 00:03:31,830 ‫Oke, dan kami benar-benar mendapatkan dua dari mereka. 65 00:03:31,830 --> 00:03:35,720 ‫Dan ini berarti bahwa sebenarnya kita memiliki dua permintaan 66 00:03:35,720 --> 00:03:38,710 ‫dan sebenarnya, fungsi panggilan balik ini 67 00:03:38,710 --> 00:03:40,570 ‫dijalankan dua kali. 68 00:03:40,570 --> 00:03:44,690 ‫Jadi satu konsol. log hanya memiliki 69 00:03:44,690 --> 00:03:48,010 ‫garis miring, dan yang kedua memiliki /favicon. 70 00:03:48,010 --> 00:03:50,220 ‫Jadi saat kita 71 00:03:50,220 --> 00:03:53,180 ‫menggunakan browser, browser secara otomatis 72 00:03:53,180 --> 00:03:55,760 ‫melakukan request ke favicon website. 73 00:03:55,760 --> 00:03:59,000 ‫Baiklah, jadi dalam hal ini kita tidak memiliki 74 00:03:59,000 --> 00:04:01,950 ‫favicon, dan kita abaikan saja, oke? 75 00:04:01,950 --> 00:04:04,340 ‫Jadi ini tidak terlalu penting. 76 00:04:04,340 --> 00:04:08,730 ‫Sekarang katakanlah kita menulis /overview di sini. 77 00:04:11,010 --> 00:04:12,290 ‫Jadi mari kita lihat apa yang kita dapatkan. 78 00:04:12,290 --> 00:04:16,840 ‫Jadi kita mendapatkan /overview, dan /favicon, oke. 79 00:04:16,840 --> 00:04:20,980 ‫Jadi sekali lagi, yang penting adalah /overview. 80 00:04:20,980 --> 00:04:23,270 ‫Jadi untuk URL sederhana 81 00:04:23,270 --> 00:04:26,500 ‫seperti ini, sebenarnya kita tidak memerlukan modul URL, 82 00:04:26,500 --> 00:04:29,950 ‫tetapi kita akan membutuhkannya untuk hal-hal yang lebih kompleks. 83 00:04:29,950 --> 00:04:33,020 ‫Jadi katakanlah kita 84 00:04:33,020 --> 00:04:36,830 ‫memiliki, misalnya, menentukan ID 23, dan 85 00:04:36,830 --> 00:04:40,140 ‫beberapa parameter lain di sini. 86 00:04:40,140 --> 00:04:42,960 ‫Katakanlah ini adalah sesuatu seperti ini. 87 00:04:42,960 --> 00:04:47,050 ‫Dan saya yakin Anda telah melihat pola semacam ini di 88 00:04:47,050 --> 00:04:49,720 ‫URL tempat kami dapat menentukan parameter. 89 00:04:49,720 --> 00:04:51,453 ‫Jadi jika kita memiliki sesuatu seperti 90 00:04:52,920 --> 00:04:54,930 ‫ini, maka Anda melihat bahwa URL-nya adalah ini. 91 00:04:54,930 --> 00:04:58,640 ‫Dan apa yang modul URL akan 92 00:04:58,640 --> 00:05:03,030 ‫membantu kita lakukan adalah pada dasarnya mengurai parameter ini 93 00:05:03,030 --> 00:05:07,283 ‫dan nilainya menjadi objek yang diformat dengan baik, oke? 94 00:05:08,230 --> 00:05:09,810 ‫Jadi untuk saat ini 95 00:05:09,810 --> 00:05:12,500 ‫kita sebenarnya tidak akan menggunakan modul URL dulu. 96 00:05:12,500 --> 00:05:14,163 ‫Kita akan membutuhkannya nanti. 97 00:05:15,800 --> 00:05:19,110 ‫Jadi, sekarang mari kita benar-benar menerapkan perutean, dan ini 98 00:05:19,110 --> 00:05:20,630 ‫sangat sangat sederhana. 99 00:05:20,630 --> 00:05:24,333 ‫Jadi pada dasarnya yang kita butuhkan hanyalah pernyataan if else yang besar di sini. 100 00:05:25,550 --> 00:05:30,550 ‫Oke, jadi pertama-tama saya akan menyimpan req. url menjadi variabel, 101 00:05:33,300 --> 00:05:35,100 ‫oh, maaf, 102 00:05:35,100 --> 00:05:37,863 ‫menjadi variabel bernama pathName. 103 00:05:45,760 --> 00:05:48,750 ‫Oke, dan sekarang, berdasarkan nama jalur itu, 104 00:05:48,750 --> 00:05:51,240 ‫kami akan mengambil keputusan. 105 00:05:51,240 --> 00:05:54,370 ‫Jadi pada dasarnya, kirim kembali tanggapan yang berbeda. 106 00:05:54,370 --> 00:05:59,370 ‫Jadi, jika pathName sama dengan overview, atau /overview, maka 107 00:06:05,500 --> 00:06:09,653 ‫mari kita kirim sesuatu ke klien. 108 00:06:11,340 --> 00:06:15,293 ‫Dan katakan saja, ini adalah GAMBARANNYA. 109 00:06:20,610 --> 00:06:25,610 ‫Lain jika pathName sama dengan product, /product, well, 110 00:06:28,662 --> 00:06:32,200 ‫maka yang ingin kita lakukan hanyalah 111 00:06:35,334 --> 00:06:37,790 ‫mengirimkan ini PRODUCT. 112 00:06:37,790 --> 00:06:42,790 ‫Oke, sekarang jika kita berada di root situs. 113 00:06:44,530 --> 00:06:48,520 ‫Jadi pada dasarnya seperti ini, nah, kemudian kami 114 00:06:48,520 --> 00:06:50,913 ‫juga ingin menunjukkan gambarannya. 115 00:06:51,770 --> 00:06:54,900 ‫Jadi mari kita tambahkan itu di sini juga. 116 00:06:54,900 --> 00:06:59,900 ‫Jadi pathName sama dengan, dan slash. 117 00:07:01,360 --> 00:07:02,970 ‫Dan kemudian atau. 118 00:07:02,970 --> 00:07:07,970 ‫Jadi jika pathName adalah root atau /overview, kemudian dikirim 119 00:07:08,410 --> 00:07:11,010 ‫kembali sebagai OVERVIEW, atau 120 00:07:11,010 --> 00:07:14,690 ‫jika itu produk, maka kirim kembali PRODUCT. 121 00:07:14,690 --> 00:07:18,780 ‫Jadi hal yang sangat sederhana, dan mari kita uji sekarang. 122 00:07:18,780 --> 00:07:22,540 ‫Sebenarnya, kita hanya dapat memuat ulang, atau sebaliknya, 123 00:07:22,540 --> 00:07:27,103 ‫sebenarnya, kita harus menyelesaikan ini terlebih dahulu, dan memulai semuanya lagi. 124 00:07:29,510 --> 00:07:33,220 ‫Jadi sudah berfungsi, ini GAMBARANNYA. 125 00:07:33,220 --> 00:07:34,643 ‫Jika sekarang saya 126 00:07:37,240 --> 00:07:40,130 ‫mengatakan produk, maka ini adalah PRODUK, sempurna. 127 00:07:40,130 --> 00:07:43,823 ‫Sekarang hanya untuk memeriksa yang terakhir, ikhtisar 128 00:07:45,520 --> 00:07:48,143 ‫memberi kita TINJAUAN lagi. 129 00:07:49,280 --> 00:07:54,280 ‫Oke, sekarang katakanlah kita sebenarnya meminta sesuatu yang tidak 130 00:07:54,520 --> 00:07:56,120 ‫kita tangani. 131 00:07:56,120 --> 00:07:58,820 ‫Jadi sesuatu seperti ini. 132 00:07:58,820 --> 00:08:00,240 ‫Jadi, apa yang terjadi? 133 00:08:00,240 --> 00:08:03,660 ‫Seperti yang Anda lihat, roda ini 134 00:08:03,660 --> 00:08:06,300 ‫tidak benar-benar berhenti berputar. 135 00:08:06,300 --> 00:08:10,020 ‫Jadi itu mencoba mengirim kembali tanggapan, tetapi itu benar-benar tidak bisa. 136 00:08:10,020 --> 00:08:13,520 ‫Jadi server tidak tahu apa yang harus dilakukan dalam situasi 137 00:08:13,520 --> 00:08:15,963 ‫ini, karena kami tidak menambahkan fallback. 138 00:08:16,800 --> 00:08:19,480 ‫Jadi mari kita hentikan orang malang 139 00:08:19,480 --> 00:08:24,480 ‫ini di sini, dan pada dasarnya cukup tambahkan pernyataan lain di sini. 140 00:08:25,870 --> 00:08:29,740 ‫Jadi jika itu bukan root, bukan ikhtisar, bukan produk, yah, maka 141 00:08:29,740 --> 00:08:33,243 ‫kami ingin mengatakan bahwa halaman ini tidak dapat ditemukan. 142 00:08:38,930 --> 00:08:40,113 ‫Halaman tidak ditemukan. 143 00:08:41,360 --> 00:08:44,610 ‫Nah, berkali-kali ketika di situs web 144 00:08:44,610 --> 00:08:47,540 ‫Anda mencoba membuka halaman 145 00:08:47,540 --> 00:08:51,480 ‫yang tidak ditemukan, Anda melihat kesalahan 404, bukan? 146 00:08:51,480 --> 00:08:55,950 ‫Dan itu sebenarnya sesuatu yang disebut kode status HTTP. 147 00:08:55,950 --> 00:08:59,870 ‫Jadi karena kami mengirim kembali respons, 148 00:08:59,870 --> 00:09:04,030 ‫kami juga dapat menambahkan kode status ke respons. 149 00:09:04,030 --> 00:09:08,030 ‫Dan untuk itu, kita dapat menggunakan beberapa cara untuk melakukan itu, tetapi saya 150 00:09:08,030 --> 00:09:10,147 ‫akan menggunakan salah satu yang dapat 151 00:09:10,147 --> 00:09:12,000 ‫melakukan lebih dari sekadar kode 152 00:09:12,000 --> 00:09:14,420 ‫status, dan saya akan menunjukkan alasannya sebentar lagi. 153 00:09:14,420 --> 00:09:17,163 ‫Tapi untuk saat ini, saya hanya 154 00:09:18,120 --> 00:09:23,057 ‫mengatakan di sini, res. menulis kepala, dan kemudian 404, oke? 155 00:09:24,770 --> 00:09:26,123 ‫Mari kita uji itu sekarang. 156 00:09:29,020 --> 00:09:30,433 ‫Dan jadi apa yang terjadi di sini? 157 00:09:31,990 --> 00:09:34,120 ‫Ah, dalam hal ini 158 00:09:34,120 --> 00:09:37,423 ‫tidak terjadi apa-apa, karena saya tidak me-restart server. 159 00:09:42,940 --> 00:09:47,300 ‫Jadi, halaman tidak ditemukan. 160 00:09:47,300 --> 00:09:51,840 ‫Hebat, sekarang bagaimana dengan kode status 404? 161 00:09:51,840 --> 00:09:56,480 ‫Nah, kita bisa menekan Inspect di sini untuk membuka Dev Tools, atau 162 00:09:56,480 --> 00:10:00,363 ‫sebaliknya yang ingin saya lakukan adalah menekan Command + J, 163 00:10:01,270 --> 00:10:04,250 ‫dan itu akan membuka Dev Tools juga. 164 00:10:04,250 --> 00:10:07,680 ‫Di Windows mungkin Alt + Control 165 00:10:07,680 --> 00:10:11,980 ‫+ J, atau Anda bisa datang ke View, lalu 166 00:10:11,980 --> 00:10:15,950 ‫Developer, dan Developer Tools seperti ini, oke? 167 00:10:15,950 --> 00:10:18,120 ‫Kemudian buka tab Jaringan, tetapi sebenarnya 168 00:10:18,120 --> 00:10:20,600 ‫Anda sudah bisa melihatnya seperti di sini. 169 00:10:20,600 --> 00:10:24,373 ‫Jadi server merespons dengan kode status 404 tidak ditemukan. 170 00:10:25,360 --> 00:10:29,833 ‫Tetapi Anda juga dapat melihatnya di jaringan, dan hanya memuatnya kembali, 171 00:10:30,880 --> 00:10:33,360 ‫dan kemudian Anda melihat 404 172 00:10:33,360 --> 00:10:37,680 ‫di sini, dan teks merah untuk menunjukkan bahwa ada beberapa kesalahan. 173 00:10:37,680 --> 00:10:41,870 ‫Oke, sekarang hal lain yang bisa dilakukan oleh writeHead ini 174 00:10:41,870 --> 00:10:44,140 ‫adalah juga mengirim header. 175 00:10:44,140 --> 00:10:47,573 ‫Dan untuk mengirim header, kita perlu menentukan objek di sini, lalu 176 00:10:48,452 --> 00:10:51,600 ‫di sana kita meletakkan header yang ingin kita kirim. 177 00:10:51,600 --> 00:10:54,690 ‫Sekarang apa sebenarnya header itu? 178 00:10:54,690 --> 00:10:59,480 ‫Nah, header HTTP pada dasarnya adalah informasi tentang 179 00:10:59,480 --> 00:11:02,860 ‫respons yang kami kirimkan kembali. 180 00:11:02,860 --> 00:11:05,390 ‫Dan sekali lagi, Anda akan belajar lebih banyak 181 00:11:05,390 --> 00:11:08,120 ‫tentang ini di bagian selanjutnya dari kursus ini, oke? 182 00:11:08,120 --> 00:11:10,530 ‫Untuk saat ini, ketahuilah bahwa 183 00:11:10,530 --> 00:11:13,290 ‫ada banyak header standar berbeda yang dapat 184 00:11:13,290 --> 00:11:16,120 ‫kita tentukan untuk memberi tahu browser atau 185 00:11:16,120 --> 00:11:20,230 ‫klien apa pun yang menerima respons tentang respons itu sendiri. 186 00:11:20,230 --> 00:11:22,210 ‫Misalnya, salah satu tajuk standar 187 00:11:22,210 --> 00:11:24,763 ‫adalah untuk memberi tahu browser tentang jenis konten. 188 00:11:25,990 --> 00:11:27,843 ‫Jadi kita 189 00:11:29,820 --> 00:11:33,683 ‫bisa mengatakan Content-Type, dan mengaturnya ke teks/html. 190 00:11:35,593 --> 00:11:36,480 ‫Dan 191 00:11:36,480 --> 00:11:39,930 ‫seperti ini, browser sekarang mengharapkan beberapa HTML. 192 00:11:39,930 --> 00:11:42,890 ‫Jadi apa yang bisa kita 193 00:11:42,890 --> 00:11:46,020 ‫lakukan sekarang, misalnya di sini, adalah 194 00:11:46,020 --> 00:11:50,400 ‫melakukan elemen h1 untuk mengirim kembali HTML pada dasarnya. 195 00:11:50,400 --> 00:11:53,153 ‫Jadi, seperti ini. 196 00:11:53,990 --> 00:11:55,770 ‫Dan karena tajuk 197 00:11:55,770 --> 00:12:00,150 ‫ini di sini, browser sekarang sebenarnya mengharapkan HTML untuk masuk. 198 00:12:00,150 --> 00:12:03,490 ‫Kita juga bisa menentukan header buatan kita sendiri. 199 00:12:03,490 --> 00:12:08,203 ‫Jadi katakanlah my-own-header, hello-world, jadi 200 00:12:11,560 --> 00:12:15,640 ‫sesuatu seperti ini, oke? 201 00:12:15,640 --> 00:12:18,670 ‫Sekarang yang penting di sini 202 00:12:18,670 --> 00:12:21,960 ‫adalah bahwa header ini dan juga kode 203 00:12:21,960 --> 00:12:25,550 ‫status harus selalu disetel sebelum kami mengirimkan respons. 204 00:12:25,550 --> 00:12:28,350 ‫Oke, jadi kami tidak pernah bisa mengirim tajuk 205 00:12:28,350 --> 00:12:30,573 ‫setelah konten respons itu sendiri. 206 00:12:32,490 --> 00:12:35,090 ‫Jadi mari kita coba 207 00:12:35,090 --> 00:12:38,800 ‫lagi, atau sebenarnya, saya harus me-restart server. 208 00:12:38,800 --> 00:12:40,733 ‫Jadi mari kita coba lagi sekarang. 209 00:12:42,210 --> 00:12:44,340 ‫Dan memang, kami masih mendapatkan kesalahan kami, 210 00:12:44,340 --> 00:12:45,810 ‫tetapi sekarang terlihat berbeda. 211 00:12:45,810 --> 00:12:49,470 ‫Jadi sekarang kita sebenarnya memiliki elemen h1 di sini. 212 00:12:49,470 --> 00:12:54,470 ‫Dan jika kita juga pada tab Jaringan mengklik permintaan ini, mari 213 00:12:55,560 --> 00:12:58,350 ‫kita tingkatkan sedikit di sini. 214 00:12:58,350 --> 00:13:00,290 ‫Jadi saya tidak yakin 215 00:13:00,290 --> 00:13:04,430 ‫apakah Anda benar-benar dapat melihat ini, tetapi ketika kami mengklik permintaan 216 00:13:04,430 --> 00:13:08,040 ‫ini di sini, kami sebenarnya juga dapat melihat header respons. 217 00:13:08,040 --> 00:13:10,490 ‫Jadi di sini kita memiliki 218 00:13:10,490 --> 00:13:14,120 ‫tipe konten yang kita tentukan sebagai teks/html, dan 219 00:13:14,120 --> 00:13:15,340 ‫kemudian tajuk 220 00:13:15,340 --> 00:13:19,100 ‫lainnya, jadi tajuk saya sendiri disetel ke hello-world. 221 00:13:19,100 --> 00:13:22,930 ‫Dan sekali lagi, kita dapat menggunakan ini untuk mengirim 222 00:13:22,930 --> 00:13:26,140 ‫beberapa metadata tentang respons itu sendiri, oke? 223 00:13:26,140 --> 00:13:29,560 ‫Sekarang ada juga beberapa header permintaan, dan ini 224 00:13:29,560 --> 00:13:32,870 ‫disetel oleh browser secara otomatis, tetapi untuk saat 225 00:13:32,870 --> 00:13:35,400 ‫ini jangan khawatir tentang ini. 226 00:13:35,400 --> 00:13:39,300 ‫Yang penting kita tentukan bahwa konten yang 227 00:13:39,300 --> 00:13:42,520 ‫kita kirim adalah HTML, dan juga 228 00:13:42,520 --> 00:13:44,960 ‫misalnya kode status yang 229 00:13:44,960 --> 00:13:49,100 ‫kita kirim kembali adalah 404 tidak ditemukan, oke? 230 00:13:49,100 --> 00:13:52,580 ‫Sekarang, mari kita singkirkan ini. 231 00:13:52,580 --> 00:13:55,660 ‫Buka, dan sekarang Anda lihat, 232 00:13:55,660 --> 00:13:59,390 ‫kami memiliki status 200, yang berarti OK, dan 233 00:13:59,390 --> 00:14:02,680 ‫header lainnya ini, mereka benar-benar hilang. 234 00:14:02,680 --> 00:14:04,380 ‫Oke, jadi sekarang 235 00:14:04,380 --> 00:14:07,800 ‫respons ini tidak memiliki dua tajuk lainnya, kan? 236 00:14:07,800 --> 00:14:10,400 ‫Dan kita melihat 200 237 00:14:10,400 --> 00:14:15,400 ‫OK sekarang, dan ya, semuanya bekerja dengan baik sekarang. 238 00:14:16,200 --> 00:14:18,980 ‫Kami menerapkan perutean dasar, jadi untuk 239 00:14:18,980 --> 00:14:21,620 ‫nama jalur yang berbeda, 240 00:14:21,620 --> 00:14:24,700 ‫kami sekarang memiliki tindakan yang berbeda. 241 00:14:24,700 --> 00:14:28,330 ‫Satu hal terakhir yang ingin saya katakan tentang perutean adalah 242 00:14:28,330 --> 00:14:31,710 ‫bahwa rute yang kami definisikan di sini dalam kode 243 00:14:31,710 --> 00:14:35,360 ‫kami dan rute yang kami masukkan ke dalam URL di 244 00:14:35,360 --> 00:14:38,530 ‫browser tidak ada hubungannya dengan file dan 245 00:14:38,530 --> 00:14:41,710 ‫folder di sistem file proyek kami, oke ? 246 00:14:41,710 --> 00:14:43,910 ‫Jadi sebagai pemula Anda mungkin 247 00:14:43,910 --> 00:14:47,390 ‫berpikir bahwa jika kita membuka /templates misalnya, itu 248 00:14:47,390 --> 00:14:50,070 ‫akan membuka folder Templates yang kita miliki 249 00:14:50,070 --> 00:14:52,260 ‫di sistem file kita. 250 00:14:52,260 --> 00:14:54,890 ‫Tapi tentu saja tidak demikian. 251 00:14:54,890 --> 00:14:57,690 ‫Jadi jika kita ingin memiliki rute template, 252 00:14:57,690 --> 00:14:59,460 ‫maka kita harus 253 00:14:59,460 --> 00:15:01,970 ‫mendefinisikannya di router kita, pada dasarnya, 254 00:15:01,970 --> 00:15:05,633 ‫dan kemudian mengirim respons khusus hanya untuk rute itu. 255 00:15:06,560 --> 00:15:10,340 ‫Bagaimanapun, saya pikir ini cukup untuk satu video. 256 00:15:10,340 --> 00:15:12,143 ‫Sampai jumpa di yang berikutnya.