1 00:00:01,160 --> 00:00:03,510 ‫Kursleiter: Lassen Sie uns nun unsere 2 00:00:03,510 --> 00:00:05,710 ‫bisherige Anwendung komplett umgestalten und viele 3 00:00:05,710 --> 00:00:07,520 ‫neue Dateien und 4 00:00:07,520 --> 00:00:09,623 ‫eine ganz neue Dateistruktur erstellen. 5 00:00:11,130 --> 00:00:13,063 ‫Denken Sie also an das letzte 6 00:00:13,063 --> 00:00:15,470 ‫Video, dass wir unsere Router in verschiedene Dateien 7 00:00:15,470 --> 00:00:16,570 ‫aufteilen wollten. 8 00:00:16,570 --> 00:00:19,520 ‫Und das wird der erste Schritt sein, den wir hier machen werden. 9 00:00:20,550 --> 00:00:23,843 ‫Also werde ich jetzt einen neuen Ordner 10 00:00:26,630 --> 00:00:30,960 ‫namens Routes erstellen und dann darin einen Ordner für Tourrouten haben. js und dann Benutzerrouten. js auch. 11 00:00:34,117 --> 00:00:37,203 ‫Okay, und das wird das erste Mal sein, dass 12 00:00:39,777 --> 00:00:41,800 ‫wir wirklich mit verschiedenen Modulen 13 00:00:41,800 --> 00:00:44,520 ‫arbeiten, okay, und sie wirklich sinnvoll einsetzen. 14 00:00:44,520 --> 00:00:48,070 ‫Beginnen wir also mit dem Tourrouter. 15 00:00:48,070 --> 00:00:51,783 ‫Kopieren Sie es hierher, nehmen Sie dann diesen Tourrouter 16 00:00:53,290 --> 00:00:56,693 ‫hierher und legen Sie ihn hier ab. 17 00:01:00,300 --> 00:01:05,293 ‫Als nächstes brauchen wir hier eigentlich Express, weil wir diese 18 00:01:07,500 --> 00:01:08,593 ‫Variable 19 00:01:10,190 --> 00:01:13,640 ‫verwenden und daher das Express-Modul importieren müssen. 20 00:01:13,640 --> 00:01:15,380 ‫Also 21 00:01:15,380 --> 00:01:18,893 ‫Express, Express verlangen. 22 00:01:22,190 --> 00:01:23,303 ‫Okay, es ist eine 23 00:01:26,780 --> 00:01:29,010 ‫Art Konvention, diesen Router einfach zu nennen und nicht tourRouter. 24 00:01:29,010 --> 00:01:33,550 ‫Also Router, und jetzt exportieren wir den Router und importieren ihn dann in 25 00:01:33,550 --> 00:01:34,940 ‫unsere Hauptanwendung, okay? 26 00:01:36,110 --> 00:01:39,880 ‫Erinnern Sie sich also daran, wie wir es machen, 27 00:01:39,880 --> 00:01:43,423 ‫wenn wir nur eine Sache zu exportieren haben? 28 00:01:45,110 --> 00:01:47,170 ‫Nun, wir verwenden Modul. exportiere, und stelle 29 00:01:47,170 --> 00:01:49,860 ‫dann den Router dort ein. 30 00:01:49,860 --> 00:01:52,870 ‫Wenn Sie es speichern, 31 00:01:52,870 --> 00:01:56,053 ‫erhalten wir natürlich immer noch einige Fehler, aber das 32 00:01:57,430 --> 00:02:00,810 ‫liegt daran, dass der Tourrouter nicht in unserer Hauptanwendungsdatei definiert ist. 33 00:02:00,810 --> 00:02:02,210 ‫Okay, auch was in 34 00:02:02,210 --> 00:02:05,313 ‫dieser Datei nicht definiert ist, sind all diese Funktionen hier. 35 00:02:06,290 --> 00:02:09,510 ‫Okay, also lassen Sie uns sie sehr schnell 36 00:02:09,510 --> 00:02:12,060 ‫holen und in die Router-Datei einfügen. 37 00:02:12,060 --> 00:02:14,830 ‫Zumindest vorerst werden wir später auch dafür 38 00:02:14,830 --> 00:02:17,100 ‫eine neue Datei erstellen. 39 00:02:17,100 --> 00:02:19,700 ‫Es beginnt also hier. 40 00:02:19,700 --> 00:02:22,270 ‫Vorsicht, nicht alles kopieren. 41 00:02:22,270 --> 00:02:24,123 ‫Ja, also einfach so. 42 00:02:26,010 --> 00:02:27,803 ‫Und eigentlich werde ich sie vor die Routen setzen. 43 00:02:31,500 --> 00:02:33,633 ‫Sparen Sie. 44 00:02:36,250 --> 00:02:39,213 ‫Und so sollte das jetzt funktionieren. 45 00:02:41,820 --> 00:02:42,703 ‫Und jetzt machen Sie dasselbe für den Benutzer. 46 00:02:43,930 --> 00:02:45,330 ‫Also nimm den Router. 47 00:02:46,910 --> 00:02:49,453 ‫Und machen Sie sich keine Sorgen über all diese Fehler, die wir bekommen. 48 00:02:53,390 --> 00:02:55,033 ‫Das liegt wiederum nur 49 00:02:56,860 --> 00:02:59,560 ‫daran, dass uns an einigen Stellen einige Variablen fehlen. 50 00:02:59,560 --> 00:03:01,770 ‫Also noch einmal, wir würden es hier ausdrücken, dann 51 00:03:01,770 --> 00:03:03,270 ‫nennen wir das hier nur 52 00:03:04,640 --> 00:03:06,363 ‫Router und dann exportieren wir es. 53 00:03:12,250 --> 00:03:14,253 ‫Okay, und jetzt bekomme ich auch die Handler. 54 00:03:16,720 --> 00:03:17,820 ‫Okay, wir können diese Route-Handler jetzt loswerden. 55 00:03:27,150 --> 00:03:30,673 ‫Okay, und tatsächlich fehlt dieser hier in 56 00:03:39,620 --> 00:03:43,710 ‫unseren Tourrouten, also dieses Stück Code, in dem 57 00:03:43,710 --> 00:03:46,340 ‫wir die Touren tatsächlich aus 58 00:03:46,340 --> 00:03:47,940 ‫der JSON-Datei lesen. 59 00:03:47,940 --> 00:03:51,240 ‫Also stell das hier ganz oben ein. 60 00:03:51,240 --> 00:03:53,063 ‫Und nun endlich müssen wir den 61 00:03:56,479 --> 00:03:58,179 ‫Tourrouter und den Userrouter tatsächlich 62 00:03:59,410 --> 00:04:01,610 ‫importieren, damit diese Routen hier weiterhin funktionieren. 63 00:04:01,610 --> 00:04:04,290 ‫Okay, aber das sollte ziemlich einfach sein, also lass uns das tun. 64 00:04:04,290 --> 00:04:06,833 ‫Also mit 65 00:04:07,830 --> 00:04:17,498 ‫dem Tourrouter, ist bei Bedarf, routen/tourRoutes. 66 00:04:19,200 --> 00:04:20,683 ‫Okay, und wir brauchen das JS 67 00:04:23,260 --> 00:04:24,953 ‫nicht, und dann das gleiche für den userRouter. 68 00:04:27,890 --> 00:04:31,510 ‫TourRoutes ist also tatsächlich hier, die userRoutes. 69 00:04:31,510 --> 00:04:34,280 ‫Jetzt fragen Sie sich vielleicht, warum ich die Variablen 70 00:04:37,341 --> 00:04:41,258 ‫eigentlich userRoute genannt habe, aber dann ist die Datei userRoutes, und das 71 00:04:43,140 --> 00:04:45,260 ‫liegt daran, dass dieser Ordner hier 72 00:04:45,260 --> 00:04:47,410 ‫routen heißt, und dort haben wir also 73 00:04:47,410 --> 00:04:49,380 ‫die tourRoutes und die userRoutes. 74 00:04:49,380 --> 00:04:52,400 ‫Okay, aber was wir tatsächlich aus dieser 75 00:04:52,400 --> 00:04:55,780 ‫Datei exportieren, ist einfach der Router, in Ordnung? 76 00:04:55,780 --> 00:04:58,650 ‫Aber ich glaube, es ist sinnvoller, diesen 77 00:04:58,650 --> 00:05:01,130 ‫Ordner hier tatsächlich Routen zu nennen. 78 00:05:01,130 --> 00:05:02,680 ‫Okay, und deshalb 79 00:05:02,680 --> 00:05:05,890 ‫haben wir diesen kleinen Unterschied zwischen Routen und Router. 80 00:05:05,890 --> 00:05:08,010 ‫Jetzt bekommen wir hier immer noch einen Fehler 81 00:05:08,010 --> 00:05:10,410 ‫und fs ist nicht definiert, also nehmen wir das, 82 00:05:10,410 --> 00:05:12,490 ‫und eigentlich brauchen wir es hier nicht, 83 00:05:12,490 --> 00:05:15,200 ‫also fügen wir es gleich hier in die Tourrouten ein. 84 00:05:15,200 --> 00:05:18,150 ‫Wir erhalten einen weiteren Fehler. 85 00:05:18,150 --> 00:05:23,023 ‫Und dieses Mal, weil dieser Ordner hier jetzt nicht definiert ist, weil unser Dirname 86 00:05:24,730 --> 00:05:26,450 ‫jetzt die Routen ist. 87 00:05:26,450 --> 00:05:30,440 ‫Also müssen wir da raus. 88 00:05:30,440 --> 00:05:34,120 ‫Gehen Sie also einen Ordner nach oben und gehen Sie dort 89 00:05:34,120 --> 00:05:36,430 ‫hinein in dev-data, data und tour-simple. 90 00:05:36,430 --> 00:05:39,090 ‫Machen Sie sich jetzt keine Sorgen über all diese Fehler. 91 00:05:39,090 --> 00:05:42,130 ‫Das ist irgendwie normal, wenn wir all diese 92 00:05:42,130 --> 00:05:44,320 ‫Refactorings machen, weil wir überall 93 00:05:44,320 --> 00:05:47,850 ‫Sachen ändern, also ist es normal, dass Sachen kaputt gehen. 94 00:05:47,850 --> 00:05:49,890 ‫Wie auch immer, es funktioniert jetzt 95 00:05:49,890 --> 00:05:52,163 ‫wieder, und wir sind jetzt an der Stelle, 96 00:05:53,270 --> 00:05:56,010 ‫an der wir unsere Routen hier erneut testen können. 97 00:05:56,010 --> 00:05:58,820 ‫Und tatsächlich, es funktioniert. 98 00:05:58,820 --> 00:06:00,763 ‫Das gleiche gilt für die Benutzer, nehmen wir an. 99 00:06:02,150 --> 00:06:04,490 ‫Und damit ist alles richtig. 100 00:06:04,490 --> 00:06:06,910 ‫Wir haben unsere Router jetzt 101 00:06:06,910 --> 00:06:10,000 ‫also jeweils in einer anderen Datei, und wir 102 00:06:10,000 --> 00:06:13,760 ‫können sagen, dass jeder von ihnen eine kleine Unteranwendung ist. 103 00:06:13,760 --> 00:06:15,540 ‫Also eine Tour-Anwendung und eine Benutzer-Anwendung. 104 00:06:15,540 --> 00:06:17,970 ‫Und dann setzen wir alles in 105 00:06:17,970 --> 00:06:21,120 ‫unserer globalen App-Datei zusammen, indem wir diese Router 106 00:06:21,120 --> 00:06:24,290 ‫importieren und dann die Router auf den beiden 107 00:06:24,290 --> 00:06:26,200 ‫verschiedenen Routen montieren, die wir 108 00:06:26,200 --> 00:06:28,050 ‫derzeit implementiert haben, okay? 109 00:06:28,050 --> 00:06:29,720 ‫Auch hier montieren wir unsere Router. 110 00:06:29,720 --> 00:06:32,550 ‫Und ich weiß, dass dieses Konzept etwas 111 00:06:32,550 --> 00:06:36,020 ‫schwer zu verstehen sein kann, aber machen Sie sich 112 00:06:36,020 --> 00:06:37,360 ‫darüber keine Sorgen. 113 00:06:37,360 --> 00:06:39,710 ‫Je länger Sie an diesem Projekt arbeiten und 114 00:06:39,710 --> 00:06:40,910 ‫je mehr Code 115 00:06:40,910 --> 00:06:43,230 ‫Sie schreiben, desto klarer wird alles automatisch. 116 00:06:43,230 --> 00:06:45,000 ‫Das Wichtigste im Moment 117 00:06:45,000 --> 00:06:48,260 ‫ist, dass wir diese verschiedenen Router für jede der 118 00:06:48,260 --> 00:06:50,640 ‫Ressourcen erstellt haben, um eine schöne 119 00:06:50,640 --> 00:06:53,020 ‫Trennung zwischen diesen Ressourcen zu gewährleisten. 120 00:06:53,020 --> 00:06:55,390 ‫Also im Grunde eine kleine 121 00:06:55,390 --> 00:06:58,910 ‫Anwendung für jeden von ihnen erstellen und dann 122 00:06:58,910 --> 00:07:02,750 ‫alles in einer Haupt-App-Datei zusammenfügen, die natürlich diese ist. 123 00:07:02,750 --> 00:07:06,720 ‫Also diese App. js-Datei, die wir hier haben, wird normalerweise hauptsächlich 124 00:07:06,720 --> 00:07:08,640 ‫für Middleware-Deklarationen verwendet. 125 00:07:08,640 --> 00:07:11,060 ‫Wir haben also 126 00:07:11,060 --> 00:07:14,490 ‫unsere gesamte Middleware, die wir auf alle Routen anwenden möchten. 127 00:07:14,490 --> 00:07:15,900 ‫In diesem Fall haben wir also diese vier Middlewares hier. 128 00:07:15,900 --> 00:07:18,630 ‫Also eins, zwei, drei, vier. 129 00:07:18,630 --> 00:07:21,610 ‫Diese Middleware möchten wir auf 130 00:07:21,610 --> 00:07:23,240 ‫alle 131 00:07:23,240 --> 00:07:27,240 ‫Routen anwenden und dann auf diese Route 132 00:07:27,240 --> 00:07:29,050 ‫die tourRouter-Middleware und 133 00:07:29,050 --> 00:07:32,576 ‫auf diese Route die userRouter-Middleware anwenden. 134 00:07:32,576 --> 00:07:34,160 ‫Okay, diese beiden Router sind 135 00:07:34,160 --> 00:07:36,430 ‫eigentlich Middleware, weshalb wir eine App verwenden können. verwenden, um sie zu montieren. 136 00:07:36,430 --> 00:07:40,440 ‫Okay, und nachdem dies gesagt wurde, gehen wir 137 00:07:40,440 --> 00:07:45,010 ‫noch einen Schritt weiter und 138 00:07:45,010 --> 00:07:46,740 ‫entfernen diese Routenhandler 139 00:07:46,740 --> 00:07:48,820 ‫tatsächlich aus der Routendatei. 140 00:07:48,820 --> 00:07:52,100 ‫Okay, also erstellen wir hier wieder einen neuen Ordner, und 141 00:07:52,100 --> 00:07:53,890 ‫dieser wird Controller heißen, okay? 142 00:07:53,890 --> 00:07:57,870 ‫Also habe ich sie Route-Handler genannt, und daher 143 00:07:57,870 --> 00:08:01,500 ‫wäre es sinnvoll, einen Handler-Ordner zu erstellen. 144 00:08:01,500 --> 00:08:03,810 ‫Später in diesem Kurs werden 145 00:08:03,810 --> 00:08:07,270 ‫wir jedoch eine Softwarearchitektur namens Model View Controller 146 00:08:07,270 --> 00:08:08,350 ‫verwenden, und 147 00:08:08,350 --> 00:08:10,610 ‫in dieser Architektur werden diese 148 00:08:10,610 --> 00:08:12,820 ‫Handlerfunktionen hier eigentlich Controller genannt. 149 00:08:12,820 --> 00:08:15,720 ‫Deshalb nenne ich den Ordner und auch 150 00:08:15,720 --> 00:08:17,750 ‫die Dateien darin Controller. 151 00:08:17,750 --> 00:08:20,860 ‫Lassen Sie uns nun den tourController erstellen. js und die 152 00:08:20,860 --> 00:08:23,433 ‫userController. js. 153 00:08:24,510 --> 00:08:28,893 ‫Okay, und das wird ein bisschen mehr 154 00:08:31,800 --> 00:08:33,743 ‫Sinn machen, wenn 155 00:08:36,610 --> 00:08:39,130 ‫wir den Teil des Kurses erreichen, in dem wir 156 00:08:39,130 --> 00:08:41,590 ‫tatsächlich über das MVC- oder Model View Controller-Muster sprechen. 157 00:08:41,590 --> 00:08:44,160 ‫In Ordnung, also nehmen wir jetzt 158 00:08:44,160 --> 00:08:45,913 ‫diesen Code und legen 159 00:08:46,930 --> 00:08:50,563 ‫diese Handler in den Controller-Ordner oder die eigentliche Datei. 160 00:08:53,070 --> 00:08:56,820 ‫Also all dieser Code. 161 00:08:56,820 --> 00:08:57,983 ‫Es ist der tourController, ja, das ist der. 162 00:08:59,050 --> 00:09:00,543 ‫Außerdem brauchen 163 00:09:02,660 --> 00:09:05,660 ‫wir dieses FS-Modul hier, natürlich ganz oben. 164 00:09:05,660 --> 00:09:09,600 ‫Und es geht los. 165 00:09:09,600 --> 00:09:10,913 ‫Nun wollen wir alle diese Funktionen aus diesem Modul exportieren, 166 00:09:12,624 --> 00:09:13,457 ‫also wie machen wir das? 167 00:09:13,457 --> 00:09:16,730 ‫Nun, in diesem Fall haben wir nicht nur einen 168 00:09:16,730 --> 00:09:19,340 ‫Export, also werden wir kein Modul verwenden. export, aber stattdessen werden wir 169 00:09:19,340 --> 00:09:22,680 ‫all diese Funktionen auf das exports-Objekt setzen, 170 00:09:22,680 --> 00:09:24,970 ‫okay? 171 00:09:24,970 --> 00:09:27,740 ‫Lassen Sie mich also 172 00:09:27,740 --> 00:09:31,070 ‫alle diese Konstanten auswählen, damit ich 173 00:09:31,070 --> 00:09:34,453 ‫sie tatsächlich alle gleichzeitig ersetzen kann. 174 00:09:36,897 --> 00:09:40,340 ‫Also Exporte. Tour löschen, und . updateTour, createTour, getTour und 175 00:09:40,340 --> 00:09:42,040 ‫getAllTours. 176 00:09:46,360 --> 00:09:51,360 ‫Okay, das exportiert alles aus dieser Datei. 177 00:09:51,360 --> 00:09:53,173 ‫Also gehen wir 178 00:09:54,840 --> 00:09:59,480 ‫jetzt in die tourRoutes und importieren sie einfach. 179 00:09:59,480 --> 00:10:02,470 ‫Also const, tourController, equals require. 180 00:10:02,470 --> 00:10:03,960 ‫Okay, jetzt sind wir hier im Routenordner, oder? 181 00:10:03,960 --> 00:10:08,960 ‫Wir müssen also eine Ebene nach oben gehen 182 00:10:13,770 --> 00:10:18,360 ‫und dann in die Controller und in den 183 00:10:18,360 --> 00:10:20,273 ‫tourController gehen. js. 184 00:10:21,580 --> 00:10:23,853 ‫Okay, das ist nicht richtig und in Ordnung. 185 00:10:25,140 --> 00:10:28,333 ‫Denken Sie daran, 186 00:10:30,290 --> 00:10:35,290 ‫wenn wir Daten mit dem exports-Objekt aus einer Datei exportieren. 187 00:10:35,290 --> 00:10:38,310 ‫Also genau wie wir es hier gemacht haben. 188 00:10:38,310 --> 00:10:40,810 ‫Wenn wir dann alles in ein Objekt 189 00:10:40,810 --> 00:10:42,840 ‫importieren, befinden sich alle Daten, 190 00:10:42,840 --> 00:10:45,410 ‫die bei den Exporten waren, jetzt auf tourController. 191 00:10:45,410 --> 00:10:48,170 ‫Und so werden wir tourController haben. getAllTours. erstellenTouren. getTour, und wirklich, all 192 00:10:48,170 --> 00:10:50,310 ‫das, okay? 193 00:10:50,310 --> 00:10:54,289 ‫Dieses Objekt hier wird also den Exporten entsprechen, 194 00:10:54,289 --> 00:10:56,830 ‫die wir hier haben. 195 00:10:56,830 --> 00:10:59,520 ‫Erinnere dich daran? 196 00:10:59,520 --> 00:11:02,440 ‫Und so ist es wirklich einfach. 197 00:11:02,440 --> 00:11:05,500 ‫Jetzt muss ich nur noch 198 00:11:05,500 --> 00:11:06,760 ‫tourController erstellen. , und das ist es. 199 00:11:06,760 --> 00:11:08,420 ‫Jetzt hätte ich auch die Strukturierung 200 00:11:08,420 --> 00:11:10,860 ‫verwenden können, die ich dir auch schon gezeigt habe. 201 00:11:12,266 --> 00:11:17,266 ‫Um es zu demonstrieren, hätte ich es so 202 00:11:17,290 --> 00:11:19,810 ‫verwenden und dann genau die gleichen Namen angeben 203 00:11:19,810 --> 00:11:21,483 ‫können, die wir hier haben. 204 00:11:22,930 --> 00:11:24,830 ‫Also getAllTours und dann createTour 205 00:11:24,830 --> 00:11:26,680 ‫und all das, und 206 00:11:26,680 --> 00:11:31,220 ‫dann hätte ich sie direkt hier verwenden können, ohne tourController und dot. 207 00:11:31,220 --> 00:11:36,220 ‫Okay, aber eigentlich mag ich es so, und ich sehe kein Problem damit, 208 00:11:36,800 --> 00:11:38,570 ‫es so zu haben. 209 00:11:38,570 --> 00:11:42,160 ‫So wird schön sichtbar, dass all 210 00:11:42,160 --> 00:11:44,370 ‫diese Funktionen hier 211 00:11:44,370 --> 00:11:47,560 ‫tatsächlich von diesem tourController-Modul stammen. 212 00:11:47,560 --> 00:11:49,410 ‫Okay, ich habe es jetzt gespeichert und 213 00:11:49,410 --> 00:11:52,340 ‫es sollte weiter funktionieren, also testen wir das und ja, es funktioniert. 214 00:11:52,340 --> 00:11:54,193 ‫Also, das funktioniert jetzt. 215 00:11:55,620 --> 00:12:00,620 ‫Schließen wir es tatsächlich ab, und jetzt dasselbe, wo ist es? 216 00:12:00,940 --> 00:12:03,493 ‫Ach, hier. 217 00:12:06,486 --> 00:12:08,410 ‫Nun natürlich dasselbe mit diesen Funktionen. 218 00:12:08,410 --> 00:12:13,410 ‫Legen Sie sie hier ab und exportieren Sie dann all diese 219 00:12:13,850 --> 00:12:14,683 ‫Typen. 220 00:12:15,960 --> 00:12:18,243 ‫Also Exporte. 221 00:12:19,730 --> 00:12:20,713 ‫Ja, das ist also richtig. 222 00:12:23,960 --> 00:12:26,423 ‫Hier haben wir gerade das Modul importiert, und wie zuvor müssen wir 223 00:12:30,490 --> 00:12:31,463 ‫eine Ebene höher springen. 224 00:12:33,540 --> 00:12:36,070 ‫Wir gehen in Controller und userController. 225 00:12:36,070 --> 00:12:39,103 ‫Fügen Sie das jetzt endlich hier hinzu. 226 00:12:46,180 --> 00:12:49,163 ‫Speichern Sie es und testen Sie es auch für diesen Kerl. 227 00:12:50,290 --> 00:12:54,763 ‫Und tatsächlich, es funktioniert. 228 00:12:55,610 --> 00:12:57,963 ‫Also war alles, was wir hier gemacht haben, richtig. 229 00:13:00,920 --> 00:13:05,760 ‫Wir fangen jetzt also an, eine Menge Dateien zu haben, und daher ist 230 00:13:05,760 --> 00:13:07,860 ‫es wichtig, sich wirklich 231 00:13:07,860 --> 00:13:11,020 ‫damit vertraut zu machen, wo genau sich all 232 00:13:11,020 --> 00:13:13,810 ‫die verschiedenen Teile der Anwendung befinden, okay? 233 00:13:13,810 --> 00:13:16,230 ‫Um es noch einmal zusammenzufassen, der Ablauf geht so. 234 00:13:16,230 --> 00:13:18,060 ‫Wir beginnen mit dem Empfang der Anfrage in der App. js-Datei, oder? 235 00:13:18,060 --> 00:13:21,900 ‫Es wird dann abhängig von der Route einen der 236 00:13:21,900 --> 00:13:25,110 ‫Router eingeben, also sagen wir den Tourrouter, 237 00:13:25,110 --> 00:13:29,840 ‫und dann wieder abhängig von 238 00:13:29,840 --> 00:13:31,540 ‫dieser Route und 239 00:13:31,540 --> 00:13:34,870 ‫der Anfrage einen dieser Controller hier ausführen, und 240 00:13:34,870 --> 00:13:37,470 ‫diese sind also in die tourController-Dateien. 241 00:13:37,470 --> 00:13:40,620 ‫Und hier wird dann endlich die Antwort gesendet 242 00:13:40,620 --> 00:13:42,750 ‫und der Anfrage-Antwort-Zyklus beendet. 243 00:13:42,750 --> 00:13:46,280 ‫Okay, wir haben jetzt drei Dateien, anstatt alles 244 00:13:46,280 --> 00:13:49,340 ‫nur in einer Datei zu haben. 245 00:13:49,340 --> 00:13:52,113 ‫Okay, aber das ist noch nicht das Ende der Geschichte, denn 246 00:13:53,000 --> 00:13:55,120 ‫ich füge hier einen weiteren Schritt hinzu. 247 00:13:55,120 --> 00:13:57,950 ‫Ich werde also einen Server erstellen. js-Datei ebenfalls. 248 00:13:57,950 --> 00:14:01,090 ‫Also Server. js. 249 00:14:01,090 --> 00:14:03,070 ‫Und warum tue ich das? 250 00:14:03,070 --> 00:14:07,403 ‫Nun, einfach weil es eine gute Praxis ist, alles, 251 00:14:09,840 --> 00:14:11,850 ‫was mit express 252 00:14:11,850 --> 00:14:14,090 ‫zu tun hat, in einer Datei zu speichern und 253 00:14:14,090 --> 00:14:16,620 ‫dann alles, was mit dem Server zusammenhängt, in einer anderen Hauptdatei. 254 00:14:16,620 --> 00:14:21,000 ‫Also ab sofort Server. js ist eigentlich unsere Startdatei, in der alles beginnt, 255 00:14:21,000 --> 00:14:23,960 ‫und sie ist da, wenn wir auf 256 00:14:23,960 --> 00:14:25,910 ‫unseren Server hören. 257 00:14:25,910 --> 00:14:29,800 ‫Lassen Sie uns diesen Teil von 258 00:14:29,800 --> 00:14:32,460 ‫hier aus kopieren oder ausschneiden und auf den Server verschieben. 259 00:14:32,460 --> 00:14:35,163 ‫Natürlich kennt dieses Modul hier 260 00:14:36,250 --> 00:14:40,360 ‫keine App, und deshalb müssen wir es importieren. 261 00:14:40,360 --> 00:14:43,533 ‫Und um es zu importieren, müssen wir es zuerst exportieren. 262 00:14:44,400 --> 00:14:47,970 ‫Also verwenden wir Modul. exports, und wir exportieren unsere Anwendung aus 263 00:14:47,970 --> 00:14:49,480 ‫dieser Datei. 264 00:14:49,480 --> 00:14:52,223 ‫Okay, und jetzt haben wir 265 00:14:53,290 --> 00:14:56,800 ‫alles, was im 266 00:14:56,800 --> 00:15:00,530 ‫Grunde die Anwendungskonfiguration ist, in einer eigenständigen Datei. 267 00:15:00,530 --> 00:15:02,700 ‫Okay, also zurück auf dem Server, importieren wir das jetzt. 268 00:15:02,700 --> 00:15:05,540 ‫Require, und da es sich um unser eigenes Modul 269 00:15:05,540 --> 00:15:07,193 ‫handelt, müssen wir this verwenden. / um 270 00:15:08,080 --> 00:15:12,603 ‫zu sagen, dass wir uns im aktuellen Ordner 271 00:15:16,210 --> 00:15:20,600 ‫befinden, und hier ist es einfach app. 272 00:15:20,600 --> 00:15:23,590 ‫Also ganz einfach. 273 00:15:23,590 --> 00:15:25,323 ‫Und später werden wir tatsächlich andere Dinge in 274 00:15:26,210 --> 00:15:28,310 ‫dieser Datei haben, die nichts mit Express zu tun haben, 275 00:15:28,310 --> 00:15:29,870 ‫aber immer noch mit unserer Anwendung zusammenhängen. 276 00:15:29,870 --> 00:15:31,900 ‫Also Sachen wie Datenbankkonfigurationen 277 00:15:31,900 --> 00:15:34,780 ‫oder einige Fehlerbehandlungssachen oder Umgebungsvariablen, all diese 278 00:15:34,780 --> 00:15:37,130 ‫Sachen werden auf diesem Server leben. js, das 279 00:15:37,130 --> 00:15:39,590 ‫ist unser Einstiegspunkt, okay? 280 00:15:39,590 --> 00:15:43,350 ‫Beenden wir nun den Prozess, den wir hier haben, denn jetzt führen wir 281 00:15:43,350 --> 00:15:46,490 ‫die Nodemon-App nicht mehr aus. js, 282 00:15:46,490 --> 00:15:49,670 ‫aber stattdessen müssen wir server. js. 283 00:15:49,670 --> 00:15:52,730 ‫Okay, und da wir das tun, lassen Sie 284 00:15:52,730 --> 00:15:56,840 ‫mich dafür ein npm-Skript erstellen. 285 00:15:56,840 --> 00:16:00,670 ‫Schließe den Typen sehr schnell ab. 286 00:16:00,670 --> 00:16:02,820 ‫Lassen Sie mich 287 00:16:02,820 --> 00:16:05,623 ‫hier npm start, nodemon server hinzufügen. js. 288 00:16:07,200 --> 00:16:09,240 ‫Denn auf diese Weise muss ich 289 00:16:09,240 --> 00:16:12,593 ‫nicht mehr genau wissen, welche Datei ich eigentlich ausführen möchte. 290 00:16:15,300 --> 00:16:19,090 ‫Ich muss also nur noch npm 291 00:16:19,090 --> 00:16:22,420 ‫start schreiben, und es besteht kein Zweifel, dass es funktionieren wird. 292 00:16:22,420 --> 00:16:24,920 ‫Sonst muss ich vielleicht 293 00:16:24,920 --> 00:16:28,010 ‫denken, hm, ist es App. js oder server. js oder was? 294 00:16:28,010 --> 00:16:30,430 ‫Was müssen wir hier anfangen? 295 00:16:30,430 --> 00:16:32,120 ‫Aber so muss ich nicht nachdenken, alles was ich tun muss, ist 296 00:16:32,120 --> 00:16:35,780 ‫npm start, und schon geht es los. 297 00:16:35,780 --> 00:16:37,360 ‫Okay, also einfach so, und 298 00:16:37,360 --> 00:16:39,350 ‫hier führen wir unsere Anwendung wieder aus. 299 00:16:39,350 --> 00:16:44,350 ‫Schließen Sie diesen Typen, und das funktioniert übrigens auch 300 00:16:45,340 --> 00:16:48,200 ‫ohne dass nodemon als unsere Dev-Abhängigkeit 301 00:16:48,200 --> 00:16:50,450 ‫installiert ist, da 302 00:16:51,810 --> 00:16:54,590 ‫ich nodemon global installiert habe. 303 00:16:54,590 --> 00:16:57,400 ‫Das haben wir im ersten Abschnitt gemacht, und hoffentlich hast 304 00:16:57,400 --> 00:16:58,860 ‫du es dort auch getan. 305 00:16:58,860 --> 00:17:01,410 ‫Wenn nicht, fahren Sie fort und 306 00:17:01,410 --> 00:17:03,200 ‫führen Sie in 307 00:17:03,200 --> 00:17:05,640 ‫einem anderen Tab npm install 308 00:17:05,640 --> 00:17:09,390 ‫nodemon aus. Wenn Sie diesen Abschnitt aus irgendeinem Grund 309 00:17:09,390 --> 00:17:14,140 ‫übersprungen haben, geben Sie npm install nodemon ein und können es 310 00:17:14,140 --> 00:17:17,120 ‫dann entweder global so installieren oder als 311 00:17:17,120 --> 00:17:19,610 ‫dev installieren Abhängigkeit, so, in Ordnung? 312 00:17:19,610 --> 00:17:23,590 ‫Stellen Sie also sicher, dass Sie nodemon installiert haben, egal 313 00:17:23,590 --> 00:17:26,083 ‫ob global oder als Dev-Abhängigkeit, okay, 314 00:17:27,810 --> 00:17:29,680 ‫damit dies funktioniert. 315 00:17:29,680 --> 00:17:31,900 ‫Also letzter Check, nur um sicher 316 00:17:31,900 --> 00:17:35,293 ‫zu gehen und diesen zu wollen, und ja, in der Tat. 317 00:17:36,700 --> 00:17:38,963 ‫Wir haben unsere App korrekt umgestaltet. 318 00:17:40,370 --> 00:17:43,053 ‫Dies waren also viele Änderungen allein 319 00:17:44,250 --> 00:17:48,350 ‫in einem Video. Nachdem Sie dieses beendet haben, analysieren 320 00:17:48,350 --> 00:17:51,330 ‫Sie bitte alles, was wir getan haben, 321 00:17:51,330 --> 00:17:55,440 ‫und versuchen Sie wirklich, einen Pfad zu verfolgen, den 322 00:17:55,440 --> 00:17:57,470 ‫eine Anfrage innerhalb 323 00:17:57,470 --> 00:18:00,830 ‫unserer App von Anfang bis Ende macht. 324 00:18:00,830 --> 00:18:03,420 ‫So bekommen Sie wirklich ein 325 00:18:03,420 --> 00:18:06,510 ‫Gefühl dafür, wie hier alles funktioniert. 326 00:18:06,510 --> 00:18:07,880 ‫Und wir sehen uns danach im nächsten Video.