1 00:00:01,160 --> 00:00:03,510 ‫Instruktur: Sekarang mari kita sepenuhnya memperbaiki aplikasi 2 00:00:03,510 --> 00:00:05,710 ‫kita yang kita miliki sejauh ini, dan 3 00:00:05,710 --> 00:00:07,520 ‫membuat banyak file baru, dan 4 00:00:07,520 --> 00:00:09,623 ‫struktur file yang sama sekali baru. 5 00:00:11,130 --> 00:00:13,063 ‫Jadi ingat dari video terakhir bahwa 6 00:00:13,063 --> 00:00:15,470 ‫kami ingin memisahkan router kami menjadi file 7 00:00:15,470 --> 00:00:16,570 ‫yang berbeda. 8 00:00:16,570 --> 00:00:19,520 ‫Dan itu akan menjadi langkah pertama yang akan kita lakukan di sini. 9 00:00:20,550 --> 00:00:23,843 ‫Jadi saya akan membuat folder baru bernama Routes sekarang, 10 00:00:26,630 --> 00:00:30,960 ‫dan kemudian di sana saya akan memiliki satu folder untuk rute tur. js, dan kemudian rute pengguna,. js juga. 11 00:00:34,117 --> 00:00:37,203 ‫Oke, jadi ini akan menjadi pertama kalinya kita benar-benar bekerja 12 00:00:39,777 --> 00:00:41,800 ‫dengan modul yang berbeda, oke, 13 00:00:41,800 --> 00:00:44,520 ‫dan benar-benar menggunakannya dengan cara yang sangat berarti. 14 00:00:44,520 --> 00:00:48,070 ‫Jadi, mari kita mulai dengan router tur. 15 00:00:48,070 --> 00:00:51,783 ‫Salin di sini, lalu ambil router tur ini 16 00:00:53,290 --> 00:00:56,693 ‫di sini, dan taruh di sini. 17 00:01:00,300 --> 00:01:05,293 ‫Jadi, selanjutnya kita perlu benar-benar Express di sini, karena kita 18 00:01:07,500 --> 00:01:08,593 ‫menggunakan variabel 19 00:01:10,190 --> 00:01:13,640 ‫itu, jadi kita perlu mengimpor modul Express. 20 00:01:13,640 --> 00:01:15,380 ‫Jadi 21 00:01:15,380 --> 00:01:18,893 ‫ekspres, butuh ekspres. 22 00:01:22,190 --> 00:01:23,303 ‫Oke, itu semacam 23 00:01:26,780 --> 00:01:29,010 ‫konvensi untuk hanya memanggil router ini, dan bukan tourRouter. 24 00:01:29,010 --> 00:01:33,550 ‫Jadi router, dan sekarang kita akan mengekspor router, dan kemudian mengimpornya ke aplikasi 25 00:01:33,550 --> 00:01:34,940 ‫utama kita, oke? 26 00:01:36,110 --> 00:01:39,880 ‫Jadi, ingat bagaimana kami melakukannya ketika kami 27 00:01:39,880 --> 00:01:43,423 ‫hanya memiliki satu hal untuk diekspor? 28 00:01:45,110 --> 00:01:47,170 ‫Nah, kita menggunakan modul. ekspor, lalu 29 00:01:47,170 --> 00:01:49,860 ‫letakkan router di sana. 30 00:01:49,860 --> 00:01:52,870 ‫Simpan, dan tentu 31 00:01:52,870 --> 00:01:56,053 ‫saja, kami masih mendapatkan beberapa kesalahan, tetapi itu karena 32 00:01:57,430 --> 00:02:00,810 ‫router tur tidak ditentukan dalam file aplikasi utama kami. 33 00:02:00,810 --> 00:02:02,210 ‫Oke, juga yang tidak 34 00:02:02,210 --> 00:02:05,313 ‫didefinisikan dalam file ini adalah semua fungsi ini di sini. 35 00:02:06,290 --> 00:02:09,510 ‫Oke, jadi mari kita cepat mendapatkannya, dan 36 00:02:09,510 --> 00:02:12,060 ‫memasukkannya ke dalam file router. 37 00:02:12,060 --> 00:02:14,830 ‫Setidaknya untuk saat ini, kita nanti akan membuat 38 00:02:14,830 --> 00:02:17,100 ‫file baru untuk itu juga. 39 00:02:17,100 --> 00:02:19,700 ‫Jadi itu dimulai di sini. 40 00:02:19,700 --> 00:02:22,270 ‫Hati-hati, tidak menyalin semuanya. 41 00:02:22,270 --> 00:02:24,123 ‫Ya, jadi seperti ini. 42 00:02:26,010 --> 00:02:27,803 ‫Dan sebenarnya, saya akan menempatkan mereka sebelum rute. 43 00:02:31,500 --> 00:02:33,633 ‫Berikan simpanan. 44 00:02:36,250 --> 00:02:39,213 ‫Dan itu harus bekerja sekarang. 45 00:02:41,820 --> 00:02:42,703 ‫Dan sekarang lakukan hal yang sama untuk pengguna. 46 00:02:43,930 --> 00:02:45,330 ‫Jadi dapatkan routernya. 47 00:02:46,910 --> 00:02:49,453 ‫Dan jangan khawatir tentang semua kesalahan yang kami dapatkan. 48 00:02:53,390 --> 00:02:55,033 ‫Sekali lagi, itu hanya 49 00:02:56,860 --> 00:02:59,560 ‫karena kita kehilangan beberapa variabel di beberapa tempat. 50 00:02:59,560 --> 00:03:01,770 ‫Jadi sekali lagi, kami akan mengungkapkan di sini, 51 00:03:01,770 --> 00:03:03,270 ‫lalu kami menyebutnya di sini 52 00:03:04,640 --> 00:03:06,363 ‫hanya router, dan kemudian kami mengekspornya. 53 00:03:12,250 --> 00:03:14,253 ‫Oke, dan sekarang saya juga mendapatkan penangannya. 54 00:03:16,720 --> 00:03:17,820 ‫Oke, jadi kita bisa menyingkirkan pengendali rute ini sekarang. 55 00:03:27,150 --> 00:03:30,673 ‫Oke, dan sebenarnya yang ini tidak ada 56 00:03:39,620 --> 00:03:43,710 ‫di rute tur kami, jadi bagian kode ini di 57 00:03:43,710 --> 00:03:46,340 ‫mana kami benar-benar membaca tur 58 00:03:46,340 --> 00:03:47,940 ‫dari file JSON. 59 00:03:47,940 --> 00:03:51,240 ‫Jadi letakkan itu tepat di atas sini. 60 00:03:51,240 --> 00:03:53,063 ‫Dan sekarang akhirnya, kita sebenarnya perlu 61 00:03:56,479 --> 00:03:58,179 ‫mengimpor router tur dan router 62 00:03:59,410 --> 00:04:01,610 ‫pengguna agar rute-rute ini di sini terus berfungsi. 63 00:04:01,610 --> 00:04:04,290 ‫Oke, tapi itu seharusnya cukup mudah, jadi mari kita lakukan itu. 64 00:04:04,290 --> 00:04:06,833 ‫Jadi dengan 65 00:04:07,830 --> 00:04:17,498 ‫tour router, di butuhkan, route/tourRoutes. 66 00:04:19,200 --> 00:04:20,683 ‫Oke, dan kita tidak membutuhkan 67 00:04:23,260 --> 00:04:24,953 ‫JS, dan begitu juga untuk userRouter. 68 00:04:27,890 --> 00:04:31,510 ‫Jadi tourRoutes sebenarnya ada di sini, userRoutes. 69 00:04:31,510 --> 00:04:34,280 ‫Sekarang Anda mungkin bertanya-tanya mengapa saya sebenarnya menyebut 70 00:04:37,341 --> 00:04:41,258 ‫variabel sebagai userRoute, tetapi kemudian file tersebut adalah userRoutes, dan itu 71 00:04:43,140 --> 00:04:45,260 ‫karena folder ini di sini 72 00:04:45,260 --> 00:04:47,410 ‫disebut route, dan di sana kita 73 00:04:47,410 --> 00:04:49,380 ‫memiliki tourRoutes dan userRoutes. 74 00:04:49,380 --> 00:04:52,400 ‫Oke, tapi yang sebenarnya kita 75 00:04:52,400 --> 00:04:55,780 ‫ekspor dari file itu hanyalah router, oke? 76 00:04:55,780 --> 00:04:58,650 ‫Tapi saya yakin lebih masuk akal untuk 77 00:04:58,650 --> 00:05:01,130 ‫menyebut folder ini di sini Routes. 78 00:05:01,130 --> 00:05:02,680 ‫Oke, dan itulah 79 00:05:02,680 --> 00:05:05,890 ‫mengapa kami memiliki perbedaan kecil antara route dan router. 80 00:05:05,890 --> 00:05:08,010 ‫Sekarang kita masih mendapatkan beberapa kesalahan di sini, 81 00:05:08,010 --> 00:05:10,410 ‫dan fs tidak didefinisikan, jadi mari kita ambil itu, 82 00:05:10,410 --> 00:05:12,490 ‫dan sebenarnya kita tidak membutuhkannya di 83 00:05:12,490 --> 00:05:15,200 ‫sini, jadi mari kita taruh di rute tur di sini. 84 00:05:15,200 --> 00:05:18,150 ‫Kami mendapatkan kesalahan lain. 85 00:05:18,150 --> 00:05:23,023 ‫Dan kali ini, karena folder ini di sini sekarang tidak ditentukan, karena dirname 86 00:05:24,730 --> 00:05:26,450 ‫kita sekarang adalah rutenya. 87 00:05:26,450 --> 00:05:30,440 ‫Jadi kita harus keluar dari itu. 88 00:05:30,440 --> 00:05:34,120 ‫Jadi naik satu folder, lalu di sana, masuk 89 00:05:34,120 --> 00:05:36,430 ‫ke dev-data, data, dan tour-simple. 90 00:05:36,430 --> 00:05:39,090 ‫Sekarang jangan khawatir tentang mendapatkan semua kesalahan ini. 91 00:05:39,090 --> 00:05:42,130 ‫Itu agak normal ketika kita melakukan semua 92 00:05:42,130 --> 00:05:44,320 ‫refactoring ini karena kita 93 00:05:44,320 --> 00:05:47,850 ‫mengubah banyak hal, jadi normal jika ada yang rusak. 94 00:05:47,850 --> 00:05:49,890 ‫Bagaimanapun, sekarang sudah kembali bekerja, 95 00:05:49,890 --> 00:05:52,163 ‫jadi kami sekarang berada di tempat di 96 00:05:53,270 --> 00:05:56,010 ‫mana kami dapat menguji ulang rute kami di sini. 97 00:05:56,010 --> 00:05:58,820 ‫Dan memang, itu berhasil. 98 00:05:58,820 --> 00:06:00,763 ‫Hal yang sama untuk pengguna, anggap saja. 99 00:06:02,150 --> 00:06:04,490 ‫Dan semuanya benar. 100 00:06:04,490 --> 00:06:06,910 ‫Jadi kita sekarang memiliki router 101 00:06:06,910 --> 00:06:10,000 ‫masing-masing dalam satu file yang berbeda, dan 102 00:06:10,000 --> 00:06:13,760 ‫kita dapat mengatakan bahwa masing-masing adalah satu sub-aplikasi kecil. 103 00:06:13,760 --> 00:06:15,540 ‫Jadi satu aplikasi wisata dan satu aplikasi pengguna. 104 00:06:15,540 --> 00:06:17,970 ‫Dan kami kemudian menggabungkan semuanya dalam 105 00:06:17,970 --> 00:06:21,120 ‫file aplikasi global kami dengan mengimpor router 106 00:06:21,120 --> 00:06:24,290 ‫ini, dan kemudian memasang router di dua rute 107 00:06:24,290 --> 00:06:26,200 ‫berbeda yang saat ini 108 00:06:26,200 --> 00:06:28,050 ‫kami terapkan, oke? 109 00:06:28,050 --> 00:06:29,720 ‫Jadi sekali lagi, di sinilah kami memasang router kami. 110 00:06:29,720 --> 00:06:32,550 ‫Dan saya tahu bahwa konsep ini 111 00:06:32,550 --> 00:06:36,020 ‫mungkin agak sulit untuk dipahami, tetapi jangan khawatir 112 00:06:36,020 --> 00:06:37,360 ‫tentang itu. 113 00:06:37,360 --> 00:06:39,710 ‫Semakin lama Anda terus mengerjakan proyek ini dan 114 00:06:39,710 --> 00:06:40,910 ‫semakin banyak kode 115 00:06:40,910 --> 00:06:43,230 ‫yang Anda tulis, semakin jelas semuanya secara otomatis. 116 00:06:43,230 --> 00:06:45,000 ‫Untuk saat ini, hal terpenting 117 00:06:45,000 --> 00:06:48,260 ‫yang perlu diingat adalah bahwa kami membuat router yang berbeda 118 00:06:48,260 --> 00:06:50,640 ‫ini untuk setiap sumber daya agar memiliki pemisahan 119 00:06:50,640 --> 00:06:53,020 ‫perhatian yang baik antara sumber daya ini. 120 00:06:53,020 --> 00:06:55,390 ‫Jadi pada dasarnya membuat satu 121 00:06:55,390 --> 00:06:58,910 ‫aplikasi kecil untuk masing-masing aplikasi dan kemudian menyatukan semuanya 122 00:06:58,910 --> 00:07:02,750 ‫dalam satu file aplikasi utama, yang tentu saja yang ini. 123 00:07:02,750 --> 00:07:06,720 ‫Jadi aplikasi ini. File js yang kita miliki di sini biasanya terutama 124 00:07:06,720 --> 00:07:08,640 ‫digunakan untuk deklarasi middleware. 125 00:07:08,640 --> 00:07:11,060 ‫Jadi kami memiliki 126 00:07:11,060 --> 00:07:14,490 ‫semua middleware yang ingin kami terapkan ke semua rute. 127 00:07:14,490 --> 00:07:15,900 ‫Jadi dalam hal ini, kami memiliki empat middleware ini di sini. 128 00:07:15,900 --> 00:07:18,630 ‫Jadi satu, dua, tiga, empat. 129 00:07:18,630 --> 00:07:21,610 ‫Middleware ini, kami ingin menerapkannya untuk 130 00:07:21,610 --> 00:07:23,240 ‫semua rute 131 00:07:23,240 --> 00:07:27,240 ‫dan kemudian untuk rute ini, kami ingin menerapkan 132 00:07:27,240 --> 00:07:29,050 ‫middleware tourRouter, dan untuk 133 00:07:29,050 --> 00:07:32,576 ‫rute ini, kami ingin menerapkan middleware userRouter. 134 00:07:32,576 --> 00:07:34,160 ‫Oke, sekali lagi, kedua router ini 135 00:07:34,160 --> 00:07:36,430 ‫sebenarnya adalah middleware, itulah sebabnya kami dapat menggunakan aplikasi. gunakan untuk memasangnya. 136 00:07:36,430 --> 00:07:40,440 ‫Oke, dan dengan itu, mari kita selangkah lebih 137 00:07:40,440 --> 00:07:45,010 ‫maju, dan benar-benar menghapus 138 00:07:45,010 --> 00:07:46,740 ‫penangan rute 139 00:07:46,740 --> 00:07:48,820 ‫ini dari file rute. 140 00:07:48,820 --> 00:07:52,100 ‫Oke, jadi mari kita buat lagi folder baru di sini, dan 141 00:07:52,100 --> 00:07:53,890 ‫yang ini akan disebut controller, oke? 142 00:07:53,890 --> 00:07:57,870 ‫Jadi saya memanggil mereka penangan rute, jadi 143 00:07:57,870 --> 00:08:01,500 ‫masuk akal untuk membuat folder penangan. 144 00:08:01,500 --> 00:08:03,810 ‫Tapi nanti dalam kursus ini, kita 145 00:08:03,810 --> 00:08:07,270 ‫akan mulai menggunakan arsitektur perangkat lunak yang disebut Model 146 00:08:07,270 --> 00:08:08,350 ‫View Controller, 147 00:08:08,350 --> 00:08:10,610 ‫dan dalam arsitektur itu, fungsi 148 00:08:10,610 --> 00:08:12,820 ‫handler ini sebenarnya disebut controller. 149 00:08:12,820 --> 00:08:15,720 ‫Dan itulah mengapa saya akan memanggil folder, dan 150 00:08:15,720 --> 00:08:17,750 ‫juga file-file di sana, controllers. 151 00:08:17,750 --> 00:08:20,860 ‫Jadi sekarang mari kita buat tourController. js, dan 152 00:08:20,860 --> 00:08:23,433 ‫userController. js. 153 00:08:24,510 --> 00:08:28,893 ‫Oke, dan ini akan sedikit lebih masuk 154 00:08:31,800 --> 00:08:33,743 ‫akal setelah 155 00:08:36,610 --> 00:08:39,130 ‫kita mencapai bagian kursus di mana kita sebenarnya 156 00:08:39,130 --> 00:08:41,590 ‫berbicara tentang MVC, atau pola Model View Controller. 157 00:08:41,590 --> 00:08:44,160 ‫Baiklah, jadi sekarang mari kita ambil 158 00:08:44,160 --> 00:08:45,913 ‫kode ini, dan 159 00:08:46,930 --> 00:08:50,563 ‫letakkan handler ini ke folder controller, atau file sebenarnya. 160 00:08:53,070 --> 00:08:56,820 ‫Jadi semua kode ini. 161 00:08:56,820 --> 00:08:57,983 ‫Ini tourController, ya, itu dia. 162 00:08:59,050 --> 00:09:00,543 ‫Juga, kita membutuhkan 163 00:09:02,660 --> 00:09:05,660 ‫modul FS ini di sini, jelas di atas. 164 00:09:05,660 --> 00:09:09,600 ‫Dan ini dia. 165 00:09:09,600 --> 00:09:10,913 ‫Sekarang, kita ingin benar-benar mengekspor semua fungsi ini dari modul 166 00:09:12,624 --> 00:09:13,457 ‫ini, jadi bagaimana kita melakukannya? 167 00:09:13,457 --> 00:09:16,730 ‫Nah, dalam hal ini kita tidak hanya memiliki satu 168 00:09:16,730 --> 00:09:19,340 ‫ekspor, jadi kita tidak akan menggunakan modul. ekspor, tetapi alih-alih kita akan 169 00:09:19,340 --> 00:09:22,680 ‫menempatkan semua fungsi ini pada objek ekspor, 170 00:09:22,680 --> 00:09:24,970 ‫oke? 171 00:09:24,970 --> 00:09:27,740 ‫Jadi izinkan saya memilih 172 00:09:27,740 --> 00:09:31,070 ‫semua ini, consts, sehingga saya 173 00:09:31,070 --> 00:09:34,453 ‫benar-benar dapat mengganti semuanya secara bersamaan. 174 00:09:36,897 --> 00:09:40,340 ‫Jadi ekspor. deleteTour, dan . updateTour, createTour, getTour, dan 175 00:09:40,340 --> 00:09:42,040 ‫getAllTours. 176 00:09:46,360 --> 00:09:51,360 ‫Oke, jadi ekspor semuanya dari file ini. 177 00:09:51,360 --> 00:09:53,173 ‫Jadi sekarang, 178 00:09:54,840 --> 00:09:59,480 ‫mari masuk ke tourRoutes, dan cukup mengimpornya. 179 00:09:59,480 --> 00:10:02,470 ‫Jadi const, tourController, sama dengan yang dibutuhkan. 180 00:10:02,470 --> 00:10:03,960 ‫Oke, sekarang kita berada di folder rute di sini, kan? 181 00:10:03,960 --> 00:10:08,960 ‫Jadi kita perlu naik satu tingkat, 182 00:10:13,770 --> 00:10:18,360 ‫lalu masuk ke controller, dan 183 00:10:18,360 --> 00:10:20,273 ‫ke tourController. js. 184 00:10:21,580 --> 00:10:23,853 ‫Oke, ini tidak benar, dan baiklah. 185 00:10:25,140 --> 00:10:28,333 ‫Sekarang, ingat 186 00:10:30,290 --> 00:10:35,290 ‫bahwa ketika kita mengekspor data dari file menggunakan objek ekspor. 187 00:10:35,290 --> 00:10:38,310 ‫Jadi seperti yang kami lakukan di sini. 188 00:10:38,310 --> 00:10:40,810 ‫Ketika kita kemudian mengimpor semuanya ke dalam 189 00:10:40,810 --> 00:10:42,840 ‫satu objek, maka semua data 190 00:10:42,840 --> 00:10:45,410 ‫yang di ekspor sekarang akan berada di tourController. 191 00:10:45,410 --> 00:10:48,170 ‫Jadi kita akan memiliki tourController. getAllTours. buat Tur. getTour, dan sungguh, semua 192 00:10:48,170 --> 00:10:50,310 ‫ini, oke? 193 00:10:50,310 --> 00:10:54,289 ‫Jadi objek ini di sini akan setara dengan ekspor 194 00:10:54,289 --> 00:10:56,830 ‫yang kita miliki di sini. 195 00:10:56,830 --> 00:10:59,520 ‫Ingat itu? 196 00:10:59,520 --> 00:11:02,440 ‫Jadi, ini sangat sederhana. 197 00:11:02,440 --> 00:11:05,500 ‫Yang harus saya lakukan sekarang adalah 198 00:11:05,500 --> 00:11:06,760 ‫membuat tourController. , dan hanya itu. 199 00:11:06,760 --> 00:11:08,420 ‫Sekarang saya juga bisa 200 00:11:08,420 --> 00:11:10,860 ‫menggunakan penataan, yang juga saya tunjukkan sebelumnya. 201 00:11:12,266 --> 00:11:17,266 ‫Jadi hanya untuk mendemonstrasikan, saya bisa menggunakannya seperti 202 00:11:17,290 --> 00:11:19,810 ‫ini, dan kemudian menentukan nama yang sama persis dengan 203 00:11:19,810 --> 00:11:21,483 ‫yang kita miliki di sini. 204 00:11:22,930 --> 00:11:24,830 ‫Jadi getAllTours, lalu createTour, dan 205 00:11:24,830 --> 00:11:26,680 ‫semua ini, dan kemudian 206 00:11:26,680 --> 00:11:31,220 ‫saya bisa menggunakannya langsung di sini tanpa harus menulis tourController, dan dot. 207 00:11:31,220 --> 00:11:36,220 ‫Oke, tapi saya sebenarnya suka seperti ini, dan saya tidak melihat masalah 208 00:11:36,800 --> 00:11:38,570 ‫memilikinya seperti ini. 209 00:11:38,570 --> 00:11:42,160 ‫Jadi terlihat jelas bahwa semua fungsi 210 00:11:42,160 --> 00:11:44,370 ‫di sini sebenarnya 211 00:11:44,370 --> 00:11:47,560 ‫berasal dari modul tourController ini. 212 00:11:47,560 --> 00:11:49,410 ‫Oke, jadi saya menyimpannya sekarang, dan 213 00:11:49,410 --> 00:11:52,340 ‫seharusnya tetap berfungsi, jadi mari kita uji itu, dan ya, berhasil. 214 00:11:52,340 --> 00:11:54,193 ‫Jadi, itu bekerja sekarang. 215 00:11:55,620 --> 00:12:00,620 ‫Mari kita benar-benar menutupnya, dan sekarang sama, di mana itu? 216 00:12:00,940 --> 00:12:03,493 ‫Di sini. 217 00:12:06,486 --> 00:12:08,410 ‫Sekarang sama tentunya dengan fungsi-fungsi tersebut. 218 00:12:08,410 --> 00:12:13,410 ‫Letakkan di sini, lalu ekspor semua orang 219 00:12:13,850 --> 00:12:14,683 ‫ini. 220 00:12:15,960 --> 00:12:18,243 ‫Jadi ekspor. 221 00:12:19,730 --> 00:12:20,713 ‫Ya, jadi itu benar. 222 00:12:23,960 --> 00:12:26,423 ‫Sekarang di sini, kita baru saja mengimpor modul, dan sama seperti sebelumnya, kita 223 00:12:30,490 --> 00:12:31,463 ‫perlu naik satu tingkat. 224 00:12:33,540 --> 00:12:36,070 ‫Kami masuk ke controller, dan userController. 225 00:12:36,070 --> 00:12:39,103 ‫Sekarang akhirnya, tambahkan saja di sini. 226 00:12:46,180 --> 00:12:49,163 ‫Berikan save, dan uji untuk orang ini juga. 227 00:12:50,290 --> 00:12:54,763 ‫Dan memang, itu berhasil. 228 00:12:55,610 --> 00:12:57,963 ‫Jadi semua yang kami lakukan di sini adalah benar. 229 00:13:00,920 --> 00:13:05,760 ‫Jadi kita mulai memiliki banyak file sekarang, jadi penting 230 00:13:05,760 --> 00:13:07,860 ‫untuk benar-benar mengenal, 231 00:13:07,860 --> 00:13:11,020 ‫di mana tepatnya semua bagian aplikasi 232 00:13:11,020 --> 00:13:13,810 ‫yang berbeda berada, oke? 233 00:13:13,810 --> 00:13:16,230 ‫Jadi rekapnya saja, alurnya seperti ini. 234 00:13:16,230 --> 00:13:18,060 ‫Kami mulai menerima permintaan di aplikasi. file js, kan? 235 00:13:18,060 --> 00:13:21,900 ‫Itu kemudian akan tergantung pada rute yang masuk ke salah 236 00:13:21,900 --> 00:13:25,110 ‫satu router, jadi katakanlah router tur, dan kemudian 237 00:13:25,110 --> 00:13:29,840 ‫tergantung, sekali lagi, pada rute itu, 238 00:13:29,840 --> 00:13:31,540 ‫dan permintaan, itu 239 00:13:31,540 --> 00:13:34,870 ‫kemudian akan menjalankan salah satu pengontrol ini di sini, 240 00:13:34,870 --> 00:13:37,470 ‫dan ini ada di file tourController. 241 00:13:37,470 --> 00:13:40,620 ‫Dan di situlah akhirnya tanggapan dikirim, 242 00:13:40,620 --> 00:13:42,750 ‫dan menyelesaikan siklus permintaan-tanggapan. 243 00:13:42,750 --> 00:13:46,280 ‫Oke, jadi sekarang kita memiliki tiga file, daripada 244 00:13:46,280 --> 00:13:49,340 ‫memiliki semuanya hanya dalam satu file. 245 00:13:49,340 --> 00:13:52,113 ‫Baiklah, tapi itu masih belum akhir dari cerita, karena saya 246 00:13:53,000 --> 00:13:55,120 ‫menambahkan satu langkah lagi di sini. 247 00:13:55,120 --> 00:13:57,950 ‫Jadi yang akan saya lakukan adalah membuat server. file js juga. 248 00:13:57,950 --> 00:14:01,090 ‫Jadi pelayan. js. 249 00:14:01,090 --> 00:14:03,070 ‫Dan mengapa saya melakukan itu? 250 00:14:03,070 --> 00:14:07,403 ‫Yah, hanya karena itu adalah praktik yang baik 251 00:14:09,840 --> 00:14:11,850 ‫untuk memiliki semua 252 00:14:11,850 --> 00:14:14,090 ‫yang terkait dengan express dalam satu file, dan 253 00:14:14,090 --> 00:14:16,620 ‫kemudian semua yang terkait dengan server di file utama lainnya. 254 00:14:16,620 --> 00:14:21,000 ‫Jadi mulai sekarang, server. js sebenarnya akan menjadi file awal kami di mana semuanya 255 00:14:21,000 --> 00:14:23,960 ‫dimulai, dan itu ada di sana ketika 256 00:14:23,960 --> 00:14:25,910 ‫kami mendengarkan server kami. 257 00:14:25,910 --> 00:14:29,800 ‫Jadi mari kita lanjutkan dan salin, 258 00:14:29,800 --> 00:14:32,460 ‫atau potong, bagian ini dari sini, dan pindahkan ke server. 259 00:14:32,460 --> 00:14:35,163 ‫Sekarang tentu saja, modul ini 260 00:14:36,250 --> 00:14:40,360 ‫di sini tidak tahu tentang aplikasi, jadi kita perlu mengimpornya. 261 00:14:40,360 --> 00:14:43,533 ‫Dan untuk mengimpornya, kita harus mengekspornya terlebih dahulu. 262 00:14:44,400 --> 00:14:47,970 ‫Jadi kami menggunakan modul. ekspor, dan kami mengekspor aplikasi kami dari 263 00:14:47,970 --> 00:14:49,480 ‫file ini. 264 00:14:49,480 --> 00:14:52,223 ‫Oke, jadi sekarang kita memiliki 265 00:14:53,290 --> 00:14:56,800 ‫semua yang pada 266 00:14:56,800 --> 00:15:00,530 ‫dasarnya adalah konfigurasi aplikasi dalam satu file mandiri. 267 00:15:00,530 --> 00:15:02,700 ‫Oke, jadi kembali ke server, sekarang impor itu. 268 00:15:02,700 --> 00:15:05,540 ‫Require, dan karena ini adalah modul kita sendiri, kita 269 00:15:05,540 --> 00:15:07,193 ‫perlu menggunakan this . / untuk 270 00:15:08,080 --> 00:15:12,603 ‫mengatakan bahwa kita berada di folder 271 00:15:16,210 --> 00:15:20,600 ‫saat ini, dan ini dia app. 272 00:15:20,600 --> 00:15:23,590 ‫Jadi, sesederhana itu. 273 00:15:23,590 --> 00:15:25,323 ‫Dan nanti sebenarnya kita akan memiliki hal-hal 274 00:15:26,210 --> 00:15:28,310 ‫lain dalam file ini yang tidak berhubungan dengan express, 275 00:15:28,310 --> 00:15:29,870 ‫tetapi masih berhubungan dengan aplikasi kita. 276 00:15:29,870 --> 00:15:31,900 ‫Jadi hal-hal seperti konfigurasi database, 277 00:15:31,900 --> 00:15:34,780 ‫atau beberapa hal penanganan kesalahan, atau variabel lingkungan, semua 278 00:15:34,780 --> 00:15:37,130 ‫hal itu akan hidup di server ini. js, yang mana 279 00:15:37,130 --> 00:15:39,590 ‫titik masuk kita, oke? 280 00:15:39,590 --> 00:15:43,350 ‫Jadi sekarang mari kita selesaikan proses yang kita miliki di sini, karena sekarang kita 281 00:15:43,350 --> 00:15:46,490 ‫tidak lagi menjalankan aplikasi nodemon. js, tetapi 282 00:15:46,490 --> 00:15:49,670 ‫sebaliknya, kita perlu menjalankan server. js. 283 00:15:49,670 --> 00:15:52,730 ‫Oke, dan sebenarnya karena kita sedang melakukan itu, izinkan 284 00:15:52,730 --> 00:15:56,840 ‫saya membuat skrip npm untuk itu. 285 00:15:56,840 --> 00:16:00,670 ‫Menutup orang itu dengan sangat cepat. 286 00:16:00,670 --> 00:16:02,820 ‫Jadi izinkan saya menambahkan 287 00:16:02,820 --> 00:16:05,623 ‫di sini, npm start, server nodemon. js. 288 00:16:07,200 --> 00:16:09,240 ‫Karena dengan cara ini, saya tidak 289 00:16:09,240 --> 00:16:12,593 ‫lagi harus benar-benar tahu file mana yang sebenarnya ingin saya jalankan. 290 00:16:15,300 --> 00:16:19,090 ‫Jadi yang harus saya tulis 291 00:16:19,090 --> 00:16:22,420 ‫adalah npm start, dan tidak diragukan lagi itu akan berhasil. 292 00:16:22,420 --> 00:16:24,920 ‫Kalau tidak, saya mungkin 293 00:16:24,920 --> 00:16:28,010 ‫harus berpikir, hm, apakah itu aplikasi. js, atau server. js, atau apa? 294 00:16:28,010 --> 00:16:30,430 ‫Apa yang harus kita mulai di sini? 295 00:16:30,430 --> 00:16:32,120 ‫Tapi seperti ini, saya tidak perlu berpikir, yang harus saya lakukan 296 00:16:32,120 --> 00:16:35,780 ‫adalah npm start, dan itu akan dimulai. 297 00:16:35,780 --> 00:16:37,360 ‫Oke, jadi seperti ini, dan 298 00:16:37,360 --> 00:16:39,350 ‫di sini kita kembali menjalankan aplikasi kita. 299 00:16:39,350 --> 00:16:44,350 ‫Tutup orang itu, dan omong-omong, ini berfungsi, bahkan tanpa 300 00:16:45,340 --> 00:16:48,200 ‫menginstal nodemon sebagai ketergantungan dev 301 00:16:48,200 --> 00:16:50,450 ‫kami, karena saya 302 00:16:51,810 --> 00:16:54,590 ‫telah menginstal nodemon secara global. 303 00:16:54,590 --> 00:16:57,400 ‫Jadi kami melakukannya di bagian pertama, dan mudah-mudahan Anda 304 00:16:57,400 --> 00:16:58,860 ‫juga melakukannya di sana. 305 00:16:58,860 --> 00:17:01,410 ‫Jika tidak, lanjutkan dan di 306 00:17:01,410 --> 00:17:03,200 ‫tab lain lakukan 307 00:17:03,200 --> 00:17:05,640 ‫npm install nodemon, jadi jika 308 00:17:05,640 --> 00:17:09,390 ‫karena alasan tertentu Anda melewatkan bagian itu, Anda 309 00:17:09,390 --> 00:17:14,140 ‫mengetik npm install nodemon, dan kemudian Anda dapat menginstalnya secara global 310 00:17:14,140 --> 00:17:17,120 ‫seperti ini, atau Anda dapat menginstalnya sebagai 311 00:17:17,120 --> 00:17:19,610 ‫pengembang ketergantungan, seperti ini, oke? 312 00:17:19,610 --> 00:17:23,590 ‫Jadi pastikan Anda telah menginstal nodemon, tidak peduli apakah itu secara 313 00:17:23,590 --> 00:17:26,083 ‫global atau sebagai ketergantungan dev, oke, 314 00:17:27,810 --> 00:17:29,680 ‫untuk membuat ini berfungsi. 315 00:17:29,680 --> 00:17:31,900 ‫Jadi pemeriksaan terakhir, hanya untuk 316 00:17:31,900 --> 00:17:35,293 ‫memastikan, dan menginginkan yang ini, dan ya, memang. 317 00:17:36,700 --> 00:17:38,963 ‫Kami telah memfaktorkan ulang aplikasi kami dengan benar. 318 00:17:40,370 --> 00:17:43,053 ‫Jadi ini adalah banyak perubahan dalam 319 00:17:44,250 --> 00:17:48,350 ‫satu video saja, jadi setelah Anda menyelesaikan yang ini, 320 00:17:48,350 --> 00:17:51,330 ‫silakan lanjutkan dan analisis semua yang 321 00:17:51,330 --> 00:17:55,440 ‫kami lakukan dan benar-benar mencoba melacak jalur yang akan 322 00:17:55,440 --> 00:17:57,470 ‫dilakukan permintaan di 323 00:17:57,470 --> 00:18:00,830 ‫dalam aplikasi kami dari awal hingga akhir. 324 00:18:00,830 --> 00:18:03,420 ‫Dengan cara ini Anda akan 325 00:18:03,420 --> 00:18:06,510 ‫benar-benar merasakan bagaimana semuanya bekerja di sini. 326 00:18:06,510 --> 00:18:07,880 ‫Dan sampai jumpa setelah melakukan itu di video berikutnya.