1 00:00:01,300 --> 00:00:02,640 ‫Jonas: Willkommen zurück. 2 00:00:02,640 --> 00:00:05,120 ‫Lassen Sie uns nun endlich Express einrichten, 3 00:00:05,120 --> 00:00:08,390 ‫einen einfachen Server erstellen und einige grundlegende Routings durchführen, 4 00:00:08,390 --> 00:00:10,300 ‫um ein erstes Gefühl 5 00:00:10,300 --> 00:00:13,590 ‫dafür zu bekommen, wie wir in Express tatsächlich arbeiten. 6 00:00:13,590 --> 00:00:16,230 ‫In diesem Video beginnen wir also 7 00:00:16,230 --> 00:00:19,883 ‫mit der Arbeit am natours-Projekt, also dem großen Hauptprojekt, das 8 00:00:19,883 --> 00:00:21,690 ‫Teil dieses Kurses ist. 9 00:00:21,690 --> 00:00:23,750 ‫Gehen Sie also wie bisher 10 00:00:23,750 --> 00:00:27,180 ‫vor und holen Sie sich das Starterprojekt aus den Kursdateien. 11 00:00:27,180 --> 00:00:29,190 ‫Ich habe es schon hier. 12 00:00:29,190 --> 00:00:32,470 ‫Ich habe es in meinem VS-Code geöffnet. 13 00:00:32,470 --> 00:00:36,180 ‫Werfen wir nur einen kurzen Blick auf das, was wir hier haben. 14 00:00:36,180 --> 00:00:38,270 ‫Wir haben die schönere Konfigurationsdatei, 15 00:00:38,270 --> 00:00:40,800 ‫genau wie wir sie wie zuvor eingerichtet haben. 16 00:00:40,800 --> 00:00:44,210 ‫Ich habe auch eine Konfigurationsdatei für ESLint, und ESLint haben 17 00:00:44,210 --> 00:00:46,894 ‫wir zu diesem Zeitpunkt noch nicht eingerichtet, aber 18 00:00:46,894 --> 00:00:48,250 ‫das werden wir 19 00:00:48,250 --> 00:00:50,230 ‫auch später in diesem Abschnitt tun. 20 00:00:50,230 --> 00:00:51,810 ‫Im Moment möchte ich nur mit 21 00:00:51,810 --> 00:00:54,710 ‫dem Codieren beginnen und mich nicht darum kümmern, unseren Code zu verschmutzen. 22 00:00:54,710 --> 00:00:57,410 ‫Linting dient nur dazu, einige Fehler zu beheben. 23 00:00:57,410 --> 00:00:58,930 ‫Aber das machen wir später noch einmal. 24 00:00:58,930 --> 00:01:02,170 ‫Hier haben wir nur einige Dateien für 25 00:01:02,170 --> 00:01:07,170 ‫später, wie CSS, Bilder, okay, und jetzt auch zum Beispiel einige 26 00:01:07,700 --> 00:01:11,287 ‫Daten, die wir zum Erstellen unserer Anwendung benötigen. 27 00:01:11,287 --> 00:01:14,790 ‫Auch hier beginnen wir mit der Verwendung dieser Daten 28 00:01:14,790 --> 00:01:16,330 ‫in diesem Abschnitt. 29 00:01:16,330 --> 00:01:19,440 ‫Jedenfalls haben wir jetzt ein brandneues Projekt. 30 00:01:19,440 --> 00:01:21,950 ‫Das erste, was wir normalerweise bei einem neuen Projekt tun, ist 31 00:01:21,950 --> 00:01:24,410 ‫das Erstellen des Pakets. json-Datei, wie 32 00:01:24,410 --> 00:01:26,590 ‫ich bereits erwähnt habe. 33 00:01:26,590 --> 00:01:28,453 ‫Das haben wir im Nodefarm-Projekt 34 00:01:28,453 --> 00:01:31,090 ‫gemacht, und jetzt werden wir das auch hier tun. 35 00:01:31,090 --> 00:01:32,863 ‫Ich öffne das integrierte Terminal. 36 00:01:34,480 --> 00:01:38,290 ‫Sie können dies tun, indem Sie hier auf diese Verknüpfung klicken oder einfach 37 00:01:38,290 --> 00:01:40,490 ‫hierher zu View und dann Terminal kommen. 38 00:01:41,710 --> 00:01:44,750 ‫Lassen Sie mich es ein wenig aufhängen, damit Sie es sehen können. 39 00:01:44,750 --> 00:01:47,510 ‫Denken Sie daran, dass der Befehl npm init lautet. 40 00:01:48,927 --> 00:01:51,083 ‫Wir haben dem Projekt einen Namen gegeben. 41 00:01:53,010 --> 00:01:54,340 ‫Es heißt Natours. 42 00:01:54,340 --> 00:01:56,540 ‫Oh okay, es darf keine Großbuchstaben enthalten. 43 00:01:57,560 --> 00:01:59,000 ‫Machen wir das nochmal. 44 00:01:59,000 --> 00:02:02,190 ‫Die Version ist eins, Beschreibung, 45 00:02:02,190 --> 00:02:07,190 ‫sagen wir einfach Lernknoten, Express und mongoDB, mongoDB. 46 00:02:11,930 --> 00:02:13,930 ‫Einstiegspunkt, Index. js, eigentlich 47 00:02:13,930 --> 00:02:16,400 ‫werden wir app verwenden. js jetzt. 48 00:02:16,400 --> 00:02:17,890 ‫Nennen wir es App. js. 49 00:02:17,890 --> 00:02:20,820 ‫Wir haben keinen Testbefehl, kein Git, 50 00:02:20,820 --> 00:02:24,633 ‫keine Schlüsselwörter, Autor bin ich, und das war's, also okay. 51 00:02:28,090 --> 00:02:29,533 ‫Hier haben wir Paket. json. 52 00:02:30,560 --> 00:02:32,393 ‫Nach wie vor nichts Neues hier. 53 00:02:33,363 --> 00:02:35,720 ‫Jetzt ist es Zeit, Express zu installieren. 54 00:02:35,720 --> 00:02:38,820 ‫Npm drücke ich aus. 55 00:02:38,820 --> 00:02:40,630 ‫Ich werde hier Express verwenden, 56 00:02:40,630 --> 00:02:42,100 ‫das ist zum 57 00:02:42,100 --> 00:02:44,610 ‫Zeitpunkt der Aufnahme die neueste Version, aber 58 00:02:44,610 --> 00:02:47,860 ‫das Express-Team arbeitet seit einiger Zeit an Version 5. 59 00:02:47,860 --> 00:02:50,170 ‫Dies ist eine Hauptversion, die 60 00:02:50,170 --> 00:02:53,240 ‫Breaking Changes einführen könnte, wenn Sie diese installieren. 61 00:02:53,240 --> 00:02:54,750 ‫Nun, in Version 62 00:02:54,750 --> 00:02:57,450 ‫5 ändert sich nicht viel, aber um sicherzugehen, 63 00:02:57,450 --> 00:03:01,170 ‫installieren Sie bitte Express wie ich es in Version 4 tue. 64 00:03:01,170 --> 00:03:05,310 ‫Um dies zu tun, drücke einfach auf 4. 65 00:03:05,310 --> 00:03:08,770 ‫Das installiert dann die neueste Version innerhalb von 4 mit den neuesten 66 00:03:08,770 --> 00:03:13,140 ‫Neben- und Patch-Versionen, also 4. 16. 4. 67 00:03:14,260 --> 00:03:16,300 ‫Das ist die Version, die ich jetzt 68 00:03:16,300 --> 00:03:18,630 ‫in diesem Kurs verwende, und Ihre wird wahrscheinlich eine 69 00:03:18,630 --> 00:03:21,480 ‫spätere Version sein, aber solange Sie die 4 am Anfang hier 70 00:03:21,480 --> 00:03:23,330 ‫haben, sollte es Ihnen gut gehen. 71 00:03:24,563 --> 00:03:26,060 ‫Sie sehen, dass 72 00:03:26,060 --> 00:03:28,307 ‫hier tatsächlich unser Knotenmodulordner erstellt wurde. 73 00:03:28,307 --> 00:03:30,505 ‫Jetzt sind wir startklar. 74 00:03:30,505 --> 00:03:35,030 ‫Ich erstelle eine neue Datei und sie heißt app. js. 75 00:03:35,030 --> 00:03:37,470 ‫Es ist eine Art Konvention, die gesamte Express-Konfiguration in 76 00:03:37,470 --> 00:03:39,763 ‫der App zu haben. js. 77 00:03:40,949 --> 00:03:42,743 ‫Das verwende ich jetzt hier. 78 00:03:43,860 --> 00:03:45,410 ‫Wir haben jetzt die Warnung, dass 79 00:03:45,410 --> 00:03:46,900 ‫ESLint nicht geladen werden kann. 80 00:03:46,900 --> 00:03:48,650 ‫Auch hier werden wir dies später 81 00:03:48,650 --> 00:03:50,260 ‫in diesem Abschnitt konfigurieren. 82 00:03:50,260 --> 00:03:51,903 ‫Lassen Sie uns jetzt Express verwenden. 83 00:03:53,661 --> 00:03:58,661 ‫Ich benötige natürlich das Express-Paket. 84 00:03:58,670 --> 00:04:00,370 ‫An dieser Stelle nichts Neues. 85 00:04:00,370 --> 00:04:01,490 ‫Geben Sie ihm einen Safe. 86 00:04:01,490 --> 00:04:03,850 ‫Sie sehen, dass die Vorschau hier bereits ihre Magie entfaltet 87 00:04:03,850 --> 00:04:06,170 ‫hat, indem sie dieses Semikolon und auch diese neue Zeile 88 00:04:06,170 --> 00:04:07,403 ‫hier unten hinzugefügt hat. 89 00:04:08,500 --> 00:04:10,840 ‫Wir haben Express importiert, und jetzt erstellen 90 00:04:10,840 --> 00:04:13,100 ‫wir eine Variable namens app. 91 00:04:13,100 --> 00:04:14,793 ‫Auch das ist eine Art Standard. 92 00:04:16,540 --> 00:04:20,683 ‫Also App und zugewiesenes Ergebnis des Aufrufs von Express. 93 00:04:21,577 --> 00:04:23,063 ‫Das ist es tatsächlich. 94 00:04:24,290 --> 00:04:26,960 ‫Dies ist eine Funktion, die beim 95 00:04:26,960 --> 00:04:30,373 ‫Aufrufen unserer App-Variablen hier eine Reihe von Methoden hinzufügt. 96 00:04:31,700 --> 00:04:32,870 ‫Die erste, die wir verwenden werden, 97 00:04:32,870 --> 00:04:34,930 ‫ist eigentlich die App. hören, um im 98 00:04:34,930 --> 00:04:36,543 ‫Grunde einen Server zu starten. 99 00:04:38,769 --> 00:04:40,990 ‫Das ist ein bisschen ähnlich zu dem, 100 00:04:40,990 --> 00:04:44,730 ‫was wir zuvor mit dem http-Paket in den vorherigen Abschnitten gemacht haben, richtig. 101 00:04:44,730 --> 00:04:46,500 ‫Denken Sie also noch einmal daran, 102 00:04:46,500 --> 00:04:49,430 ‫dass Express zu 100% kein js unter der Haube ist 103 00:04:49,430 --> 00:04:50,710 ‫und einige der Dinge 104 00:04:50,710 --> 00:04:53,070 ‫hier in Express auf sehr ähnliche Weise funktionieren. 105 00:04:53,070 --> 00:04:54,980 ‫Alles klar, es macht unser Leben 106 00:04:54,980 --> 00:04:56,790 ‫einfach ein bisschen einfacher, indem 107 00:04:56,790 --> 00:04:58,920 ‫es uns etwas von der Komplexität nimmt. 108 00:04:58,920 --> 00:05:00,670 ‫Wie zuvor, in die App. Hör zu, wir 109 00:05:00,670 --> 00:05:01,770 ‫fügen den Port ein. 110 00:05:01,770 --> 00:05:05,053 ‫Lassen Sie uns hier zuvor tatsächlich eine Variable dafür erstellen. 111 00:05:07,170 --> 00:05:09,870 ‫Port und sagen wir mal 3000. 112 00:05:09,870 --> 00:05:11,820 ‫Das ändern wir etwas später. 113 00:05:13,930 --> 00:05:16,443 ‫Wir fügen den Port und eine Callback-Funktion ein. 114 00:05:17,730 --> 00:05:19,108 ‫Dies ist wiederum 115 00:05:19,108 --> 00:05:21,280 ‫die Callback-Funktion, die aufgerufen wird, sobald der 116 00:05:21,280 --> 00:05:22,743 ‫Server mit dem Zuhören beginnt. 117 00:05:24,490 --> 00:05:27,340 ‫Machen wir einfach eine Konsole. Loggen Sie sich 118 00:05:27,340 --> 00:05:29,963 ‫hier ein, die App läuft auf dem Port. 119 00:05:36,770 --> 00:05:38,690 ‫Alles klar, also hört unser Server 120 00:05:38,690 --> 00:05:40,550 ‫jetzt eigentlich schon zu. 121 00:05:40,550 --> 00:05:43,660 ‫Als nächstes müssen wir die Route definieren. 122 00:05:43,660 --> 00:05:45,320 ‫Und noch einmal, 123 00:05:45,320 --> 00:05:47,200 ‫wir haben eigentlich schon vorher 124 00:05:47,200 --> 00:05:49,840 ‫im Nodefarm-Projekt Routen definiert, erinnern Sie sich 125 00:05:49,840 --> 00:05:52,770 ‫daran, aber mit Express funktioniert es ganz anders. 126 00:05:52,770 --> 00:05:54,780 ‫Denken Sie daran, dass Routing 127 00:05:54,780 --> 00:05:57,560 ‫im Wesentlichen bedeutet, zu bestimmen, wie eine Anwendung 128 00:05:57,560 --> 00:06:01,053 ‫auf eine bestimmte Client-Anfrage, also auf eine bestimmte URL, reagiert. 129 00:06:02,250 --> 00:06:04,030 ‫Und tatsächlich ist es nicht nur 130 00:06:04,030 --> 00:06:05,732 ‫eine URL, sondern auch 131 00:06:05,732 --> 00:06:08,280 ‫die http-Methode, die für diese Anfrage verwendet wird. 132 00:06:08,280 --> 00:06:11,283 ‫Erinnern Sie sich an die http-Vorlesung, die wir zuvor hatten. 133 00:06:12,370 --> 00:06:14,060 ‫Wie machen wir das? 134 00:06:14,060 --> 00:06:16,570 ‫Nun, in Express ist es ganz einfach. 135 00:06:16,570 --> 00:06:19,377 ‫Alles, was wir tun, ist app, dann die http-Methode, 136 00:06:19,377 --> 00:06:21,960 ‫auf die wir antworten möchten, und beginnen wir 137 00:06:21,960 --> 00:06:23,300 ‫mit der einfachsten Methode, 138 00:06:23,300 --> 00:06:25,643 ‫die get ist, und dann die URL. 139 00:06:26,630 --> 00:06:30,053 ‫Wir geben hier nur die Art der Root-URL an. 140 00:06:31,880 --> 00:06:34,380 ‫Auch hier ist die Route im Grunde 141 00:06:34,380 --> 00:06:36,980 ‫die URL, die in diesem Fall nur diese 142 00:06:36,980 --> 00:06:40,513 ‫Root-URL ist und auch die http-Methode, die in diesem Fall get ist. 143 00:06:42,210 --> 00:06:44,100 ‫Was wollen wir nun eigentlich 144 00:06:44,100 --> 00:06:47,570 ‫tun, wenn jemand mit einer Get-Anfrage auf diese URL trifft? 145 00:06:47,570 --> 00:06:49,280 ‫Nun, was immer wir 146 00:06:49,280 --> 00:06:51,710 ‫tun wollen, wir müssen es in 147 00:06:51,710 --> 00:06:54,758 ‫einer Callback-Funktion angeben, die wir als zweites Argument angeben. 148 00:06:54,758 --> 00:06:56,108 ‫Wir haben 149 00:06:58,280 --> 00:07:00,720 ‫eine Callback-Funktion wie diese, und 150 00:07:00,720 --> 00:07:03,575 ‫diese Callback-Funktion kann einige Argumente akzeptieren. 151 00:07:03,575 --> 00:07:05,870 ‫Die einfachste und die, 152 00:07:05,870 --> 00:07:10,590 ‫die wir normalerweise immer brauchen, sind Get Request, Entity Response. 153 00:07:10,590 --> 00:07:13,740 ‫In dieser Hinsicht ist es wieder sehr ähnlich zu dem, 154 00:07:13,740 --> 00:07:16,503 ‫was wir zuvor im Nodefarm-Projekt gemacht haben. 155 00:07:17,380 --> 00:07:19,280 ‫Damals, als wir unseren Server starteten, 156 00:07:19,280 --> 00:07:21,380 ‫hatten wir auch Zugriff auf das 157 00:07:21,380 --> 00:07:23,210 ‫Request- und das Response-Objekt. 158 00:07:23,210 --> 00:07:26,020 ‫Jetzt sind sie hier in Express ein bisschen anders. 159 00:07:26,020 --> 00:07:29,364 ‫Sie verfügen über viel mehr Daten und Methoden, 160 00:07:29,364 --> 00:07:32,560 ‫aber die Idee ist genau dieselbe. 161 00:07:32,560 --> 00:07:34,740 ‫Sie sehen also, dass es 162 00:07:34,740 --> 00:07:37,150 ‫bei Express-Apps und damit auch Node-Apps 163 00:07:37,150 --> 00:07:39,890 ‫um Anfragen und Antworten geht, einfach weil 164 00:07:39,890 --> 00:07:42,660 ‫das Web so funktioniert, wie Sie es 165 00:07:42,660 --> 00:07:45,053 ‫in den vorherigen Abschnitten gelernt haben. 166 00:07:47,280 --> 00:07:48,360 ‫Was wollen wir jetzt machen? 167 00:07:48,360 --> 00:07:50,150 ‫Nun, alles, was wir tun wollen, ist, 168 00:07:50,150 --> 00:07:51,613 ‫einige Daten sehr schnell zurückzusenden. 169 00:07:52,620 --> 00:07:55,122 ‫Wir können das Response-Objekt verwenden 170 00:07:55,122 --> 00:07:58,560 ‫und von dort aus die send-Methode verwenden und 171 00:07:58,560 --> 00:08:01,113 ‫etwas angeben, das wir zurücksenden möchten. 172 00:08:03,180 --> 00:08:04,823 ‫Hallo von der Serverseite. 173 00:08:06,476 --> 00:08:09,700 ‫Nur wieder ein String, den wir zurückschicken wollen. 174 00:08:09,700 --> 00:08:11,490 ‫Wir können auch den Statuscode angeben und 175 00:08:11,490 --> 00:08:12,580 ‫das ist ganz einfach. 176 00:08:12,580 --> 00:08:15,380 ‫Alles, was wir tun müssen, ist, bevor wir den String tatsächlich 177 00:08:15,380 --> 00:08:16,850 ‫an den Client senden, 178 00:08:16,850 --> 00:08:18,693 ‫wir fügen einfach den Status davor hinzu. 179 00:08:20,200 --> 00:08:23,680 ‫Die Statusmethode, und hier geben wir 180 00:08:23,680 --> 00:08:25,420 ‫unseren Code an. 181 00:08:25,420 --> 00:08:27,943 ‫Und wieder werden wir 200 für okay verwenden. 182 00:08:29,990 --> 00:08:32,570 ‫Das ist eigentlich alles, was wir tun müssen. 183 00:08:32,570 --> 00:08:34,360 ‫Lassen Sie uns das sehr schnell 184 00:08:34,360 --> 00:08:36,223 ‫testen und dann noch ein paar Sachen hinzufügen. 185 00:08:38,610 --> 00:08:43,610 ‫Lassen Sie uns die Nodemon-App verwenden. js. 186 00:08:43,640 --> 00:08:44,850 ‫Mal sehen was 187 00:08:44,850 --> 00:08:47,420 ‫passiert und unsere App läuft auf Port 3000. 188 00:08:47,420 --> 00:08:48,390 ‫Groß. 189 00:08:48,390 --> 00:08:50,690 ‫Und wie testen wir diese API jetzt? 190 00:08:50,690 --> 00:08:52,893 ‫Deshalb haben wir Postman installiert. 191 00:08:54,280 --> 00:08:55,623 ‫Öffnen wir Postbote. 192 00:08:56,560 --> 00:08:59,233 ‫Eigentlich ist es noch da von der letzten Vorlesung. 193 00:09:00,450 --> 00:09:02,920 ‫Lassen Sie uns dies 194 00:09:02,920 --> 00:09:06,730 ‫löschen und die URL oder eigentlich die IP 195 00:09:06,730 --> 00:09:10,710 ‫für den lokalen Host und dann unseren Port schreiben. 196 00:09:10,710 --> 00:09:12,710 ‫Das ist genau das gleiche 197 00:09:12,710 --> 00:09:14,333 ‫wie beim Nodefarm-Projekt. 198 00:09:15,680 --> 00:09:17,103 ‫Wir treffen nur die Wurzel. 199 00:09:18,060 --> 00:09:19,890 ‫Wir können den Schrägstrich schreiben oder 200 00:09:19,890 --> 00:09:21,440 ‫es funktioniert genauso ohne irgendetwas. 201 00:09:22,300 --> 00:09:24,650 ‫Lassen Sie uns dies senden und tatsächlich, los geht's. 202 00:09:24,650 --> 00:09:27,070 ‫Hallo von der Serverseite. 203 00:09:27,070 --> 00:09:30,030 ‫Das ist erstaunlich, es funktioniert bereits. 204 00:09:30,030 --> 00:09:31,500 ‫Nur um sicher zu gehen, 205 00:09:31,500 --> 00:09:34,128 ‫würden wir natürlich in einem Browser genau das gleiche Ergebnis erhalten. 206 00:09:34,128 --> 00:09:38,501 ‫Wenn ich das hier kopiere, sehen Sie das gleiche Ergebnis. 207 00:09:38,501 --> 00:09:40,560 ‫Aber auch hier werden wir 208 00:09:40,560 --> 00:09:45,130 ‫Postman verwenden, weil es all diese API-Tests für uns viel einfacher macht. 209 00:09:45,130 --> 00:09:47,330 ‫Sie werden sehen, sobald wir wirklich 210 00:09:47,330 --> 00:09:49,783 ‫mehr und mehr Funktionen dieser großartigen Anwendung nutzen. 211 00:09:51,330 --> 00:09:53,800 ‫Nun, zurück hierher, fügen wir noch einiges hinzu, 212 00:09:53,800 --> 00:09:56,270 ‫da send einfach diesen String hierher zurück an 213 00:09:56,270 --> 00:09:58,860 ‫den Client sendet, aber es ist auch sehr einfach, 214 00:09:58,860 --> 00:10:01,280 ‫json an den Client zu senden. 215 00:10:01,280 --> 00:10:04,853 ‫Anstatt send zu verwenden, verwenden wir tatsächlich json. 216 00:10:06,523 --> 00:10:08,370 ‫Die json-Methode und dann hier können 217 00:10:08,370 --> 00:10:10,203 ‫wir ein Objekt einfügen. 218 00:10:11,440 --> 00:10:12,540 ‫Machen wir es so. 219 00:10:18,480 --> 00:10:19,980 ‫Sagen wir, das ist die Botschaft. 220 00:10:22,550 --> 00:10:25,133 ‫Und dann noch ein anderes Feld hier, Natours. 221 00:10:29,060 --> 00:10:31,050 ‫Okay, und jetzt sehen Sie, dass die 222 00:10:31,050 --> 00:10:33,230 ‫Vorschau hier dies automatisch für uns formatiert hat und 223 00:10:33,230 --> 00:10:35,230 ‫sie dies auch in einer anderen Zeile haben möchten. 224 00:10:36,260 --> 00:10:38,560 ‫Ah okay, hier fehlt natürlich ein Komma. 225 00:10:39,410 --> 00:10:41,380 ‫Aber die Vorschau-Erweiterung hat es aus irgendeinem 226 00:10:41,380 --> 00:10:43,250 ‫Grund immer noch hier hochgeladen. 227 00:10:43,250 --> 00:10:44,350 ‫Aber das ist natürlich egal. 228 00:10:44,350 --> 00:10:46,023 ‫Es ist nur eine Frage der Formatierung. 229 00:10:47,955 --> 00:10:50,413 ‫Schauen wir uns an, was jetzt passiert. 230 00:10:52,840 --> 00:10:55,960 ‫Jetzt haben wir hier unser schön formatiertes Json. 231 00:10:55,960 --> 00:10:57,477 ‫Gibt uns all diese verschiedenen Farben 232 00:10:57,477 --> 00:10:59,077 ‫hier für die Tasten und für die Werte. 233 00:10:59,930 --> 00:11:02,010 ‫Hier haben wir die Statuscodes. 234 00:11:02,010 --> 00:11:04,890 ‫Hier haben wir die Zeit, die für diese Anfrage benötigt wurde. 235 00:11:04,890 --> 00:11:07,683 ‫Wir haben auch die Größe der Antwort. 236 00:11:08,620 --> 00:11:11,190 ‫Wir könnten zum Beispiel den Code hier ganz einfach ändern. 237 00:11:11,190 --> 00:11:13,973 ‫404 wird nicht gefunden, denken Sie daran. 238 00:11:14,830 --> 00:11:19,120 ‫Machen Sie es noch einmal, und dann sehen Sie hier 404, nicht gefunden. 239 00:11:19,120 --> 00:11:20,110 ‫Für solche 240 00:11:20,110 --> 00:11:22,020 ‫Sachen ist Postman wirklich großartig. 241 00:11:22,020 --> 00:11:24,893 ‫Lassen Sie uns das alles tatsächlich vergrößern. 242 00:11:27,930 --> 00:11:31,730 ‫Lassen Sie uns jetzt fortfahren, fügen Sie hier einfach etwas anderes hinzu. 243 00:11:31,730 --> 00:11:32,760 ‫Nur etwas ganz Einfaches. 244 00:11:32,760 --> 00:11:34,870 ‫Denken Sie daran, all dies dient nur dazu, 245 00:11:34,870 --> 00:11:37,070 ‫es auszuprobieren, um unsere Füße nass zu machen 246 00:11:37,070 --> 00:11:39,060 ‫und ein wenig Erfahrung zu sammeln. 247 00:11:39,060 --> 00:11:43,233 ‫Denken Sie daran, dass dies hier die http-Methode für die Anfrage ist. 248 00:11:44,328 --> 00:11:46,900 ‫Diese Antwort, die wir hier senden, also 249 00:11:46,900 --> 00:11:49,040 ‫diese hier, wird nur 250 00:11:49,040 --> 00:11:54,040 ‫gesendet, wenn diese Get-Methode über diese URL an unseren Server gesendet wird. 251 00:11:57,180 --> 00:11:58,520 ‫Lass es mich dir tatsächlich zeigen. 252 00:11:58,520 --> 00:12:00,753 ‫Wenn wir zum Beispiel einen Beitrag machen. 253 00:12:02,220 --> 00:12:04,420 ‫Mit Postman ist das wieder ganz einfach. 254 00:12:04,420 --> 00:12:07,200 ‫Wenn wir einen Post machen, dann bekommen wir nichts. 255 00:12:07,200 --> 00:12:10,490 ‫Stattdessen sendet Express automatisch diesen HTML-Code zurück, 256 00:12:10,490 --> 00:12:14,270 ‫der sagt, kann nicht posten und dann mit 257 00:12:14,270 --> 00:12:16,260 ‫einem 404, nicht gefunden. 258 00:12:16,260 --> 00:12:18,480 ‫Das liegt daran, dass für 259 00:12:18,480 --> 00:12:22,163 ‫diese URL und für diese http-Methode keine Route definiert ist. 260 00:12:23,450 --> 00:12:25,493 ‫Machen wir das jetzt ganz schnell. 261 00:12:28,370 --> 00:12:31,423 ‫Also posten, wir wollen die gleiche URL, das 262 00:12:34,920 --> 00:12:36,743 ‫Request- und das Response-Objekt. 263 00:12:38,810 --> 00:12:41,823 ‫Sagen wir einfach res. senden, können 264 00:12:46,090 --> 00:12:48,723 ‫Sie an diesen Endpunkt senden. 265 00:12:52,400 --> 00:12:54,200 ‫Nur damit Sie sehen, 266 00:12:54,200 --> 00:12:56,240 ‫dass wir auf diese Weise unterschiedliche 267 00:12:56,240 --> 00:12:59,023 ‫Antworten für verschiedene http-Methoden in der Anfrage senden. 268 00:13:00,800 --> 00:13:03,380 ‫Lassen Sie uns das noch einmal ausführen, 269 00:13:03,380 --> 00:13:07,033 ‫und tatsächlich können Sie mit einem 200-Statuscode an diesen Endpunkt senden. 270 00:13:07,033 --> 00:13:09,110 ‫Dies ist eigentlich die 271 00:13:09,110 --> 00:13:12,395 ‫Standardeinstellung, wenn wir keine in unseren Codes angeben. 272 00:13:12,395 --> 00:13:15,610 ‫Hier haben wir 404, was nicht richtig ist. 273 00:13:15,610 --> 00:13:18,610 ‫Aber auch hier ist 200 die Standardeinstellung. 274 00:13:18,610 --> 00:13:20,360 ‫Eine andere schnelle Sache, 275 00:13:20,360 --> 00:13:23,400 ‫die ich Ihnen zeigen möchte, ist, dass durch die 276 00:13:23,400 --> 00:13:26,000 ‫Verwendung dieser json-Methode hier beispielsweise unser Inhaltstyp 277 00:13:26,000 --> 00:13:28,680 ‫automatisch auf Anwendungs-Json gesetzt wird. Denken Sie also 278 00:13:28,680 --> 00:13:31,580 ‫daran, dass wir dies manuell in der Nodefarm-App 279 00:13:31,580 --> 00:13:34,800 ‫gemacht haben, als wir unsere sehr einfache API erstellt haben. 280 00:13:34,800 --> 00:13:37,360 ‫Wir haben damals auch etwas Json zurückgesendet, 281 00:13:37,360 --> 00:13:39,650 ‫mussten dann aber manuell definieren, dass 282 00:13:39,650 --> 00:13:42,360 ‫der Inhalt Json war, damit der Browser wusste, 283 00:13:42,360 --> 00:13:43,523 ‫was er erwartete. 284 00:13:44,550 --> 00:13:47,440 ‫Aber Express nimmt uns diese Arbeit ab. 285 00:13:47,440 --> 00:13:48,763 ‫Lassen Sie uns das tatsächlich überprüfen. 286 00:13:50,020 --> 00:13:51,563 ‫Gehen Sie zurück, um zu holen. 287 00:13:53,120 --> 00:13:55,760 ‫Hier haben wir unsere Ergebnisüberschriften. 288 00:13:55,760 --> 00:13:57,250 ‫Hier sehen Sie, dass 289 00:13:57,250 --> 00:14:00,040 ‫der Inhaltstyp tatsächlich auf application json eingestellt ist. 290 00:14:00,040 --> 00:14:02,100 ‫Express sendet dann auch automatisch 291 00:14:02,100 --> 00:14:04,020 ‫eine Reihe anderer Header, 292 00:14:04,020 --> 00:14:08,623 ‫zum Beispiel diese powered by Express oder das Datum oder die Verbindung. 293 00:14:09,930 --> 00:14:11,880 ‫Aber auch hier werden wir 294 00:14:11,880 --> 00:14:15,040 ‫uns etwas später im Kurs mehr um Kopfball kümmern. 295 00:14:15,040 --> 00:14:18,410 ‫Dies war hier nur ein sehr kleines und einfaches 296 00:14:18,410 --> 00:14:20,320 ‫Beispiel, aber Sie können 297 00:14:20,320 --> 00:14:24,240 ‫bereits erkennen, wie viel einfacher diese Art von Antworten ist. 298 00:14:24,240 --> 00:14:27,660 ‫Um diese Route zu erstellen, um auf Client-Anfragen zu antworten, auf eine viel 299 00:14:27,660 --> 00:14:31,373 ‫einfachere Weise als in einem einfachen Knoten. js. 300 00:14:32,650 --> 00:14:34,390 ‫Vor diesem Hintergrund erfahren wir 301 00:14:34,390 --> 00:14:36,990 ‫im nächsten Video alles über das Erstellen von 302 00:14:36,990 --> 00:14:39,930 ‫APIs mit der restlichen Architektur, damit wir danach endlich 303 00:14:39,930 --> 00:14:42,150 ‫mit dem Erstellen unserer API beginnen können.