1
00:00:03,680 --> 00:00:07,800
In der Übung in der vorherigen Lektion

2
00:00:07,800 --> 00:00:13,940
haben wir einen einfachen HTTP-Server erstellt, der statischen Inhalte bereitstellen könnte.

3
00:00:13,940 --> 00:00:17,825
Dieser wurde vollständig mit Node.js erstellt.

4
00:00:17,825 --> 00:00:20,800
Nun, da wir über Express gelernt haben,

5
00:00:20,800 --> 00:00:27,700
das minimalistische Framework, das die Entwicklung des Servers über Node.js unterstützt,

6
00:00:27,700 --> 00:00:37,640
lassen Sie uns nun untersuchen, wie wir Express verwenden können, um den gleichen Server in dieser Übung zu bauen.

7
00:00:37,640 --> 00:00:43,520
Um zu beginnen, gehen Sie zu dem Ordner Node.js, den wir verwendet haben, um

8
00:00:43,520 --> 00:00:51,540
den gesamten Code für diesen Kurs zu speichern, und erstellen Sie dann einen neuen Ordner mit dem Namen node-express,

9
00:00:52,170 --> 00:00:56,170
und bewegen Sie sich dann in diesen Ordner.

10
00:00:56,170 --> 00:00:59,315
Jetzt werden wir

11
00:00:59,315 --> 00:01:06,815
einen Öffentlichen Ordner hier innerhalb des Node Express-Ordner erstellen.

12
00:01:06,815 --> 00:01:14,645
Dann gehen wir zu diesem Knoten HTTP Öffentlicher Ordner und kopieren Sie dann diese beiden Dateien,

13
00:01:14,645 --> 00:01:20,835
die index.HTML und aboutus.html in den öffentlichen Ordner node-express.

14
00:01:20,835 --> 00:01:23,660
Wir werden diese beiden Dateien mit

15
00:01:23,660 --> 00:01:27,980
dem Express-Server bereitstellen, den wir in dieser Übung erstellen werden.

16
00:01:27,980 --> 00:01:31,070
Jetzt gehen Sie zu den Terminals.

17
00:01:31,070 --> 00:01:40,725
Wechseln Sie in den Node-Express-Ordner im Terminal und geben Sie dann an der Eingabeaufforderung npm init ein,

18
00:01:40,725 --> 00:01:44,060
um eine Knotenanwendung zu initialisieren.

19
00:01:44,060 --> 00:01:50,645
Dann, für den Paketnamen lassen Sie uns einfach node-express verwenden,

20
00:01:50,645 --> 00:02:00,725
und für die Beschreibung sagen wir Node Express Examples,

21
00:02:00,725 --> 00:02:04,685
und Einstiegspunkt ist index.js,

22
00:02:04,685 --> 00:02:09,740
und der Rest davon wie zuvor,

23
00:02:09,740 --> 00:02:14,520
und lassen Sie uns die package.json-Datei erstellen.

24
00:02:14,520 --> 00:02:17,290
Lassen Sie mich nun

25
00:02:18,470 --> 00:02:26,525
das Projekt mit dem Editor Visual Studio Code in meinem Fall öffnen und dann

26
00:02:26,525 --> 00:02:35,950
in der package.json-Datei gehen wir hinein und fügen Sie das neue Skript namens start hinzu,

27
00:02:35,950 --> 00:02:42,745
das Knotenindex ist und die Änderungen speichern.

28
00:02:42,745 --> 00:02:46,100
Nun, da wir das Knotenmodul initialisiert haben,

29
00:02:46,100 --> 00:02:50,060
lassen Sie uns voran und installieren Sie das Express-Framework innerhalb

30
00:02:50,060 --> 00:02:54,985
des Projekts, um es zu nutzen, um unseren Express-Server zu bauen. Geben

31
00:02:54,985 --> 00:02:56,105
Sie an der

32
00:02:56,105 --> 00:03:01,250
Eingabeaufforderung npm install express ein.

33
00:03:01,250 --> 00:03:03,065
So würden Sie also ein

34
00:03:03,065 --> 00:03:07,280
Knotenmodul eines Drittanbieters installieren, wenn Sie diesen Kurs zum

35
00:03:07,280 --> 00:03:11,060
ersten Mal nehmen und nicht die vorherigen Kurse besucht haben,

36
00:03:11,060 --> 00:03:15,200
dann ist dies etwas, das wichtig zu beachten ist.

37
00:03:15,200 --> 00:03:20,450
So installieren Sie ein Knotenmodul, indem Sie das

38
00:03:20,450 --> 00:03:23,435
Minus-Minus-Speichern hinzufügen, wir speichern auch die Informationen, dass

39
00:03:23,435 --> 00:03:27,380
dieses Drittanbieter-Knoten-Modul eine Abhängigkeit

40
00:03:27,380 --> 00:03:31,740
für unser Projekt ist und diese Informationen in der Datei package.json gespeichert werden.

41
00:03:31,740 --> 00:03:34,835
Wenn Sie die vorherigen Kurse der Spezialisierung absolviert

42
00:03:34,835 --> 00:03:38,110
haben, wissen Sie bereits über diese Informationen.

43
00:03:38,110 --> 00:03:44,000
Also, lassen Sie uns fortfahren und das Express-Modul installieren.

44
00:03:44,000 --> 00:03:45,725
Wie Sie feststellen können,

45
00:03:45,725 --> 00:03:51,380
verwenden wir Express Version 4.16.3 in diesem Kurs.

46
00:03:51,380 --> 00:03:54,875
Also, gehen wir jetzt zurück zu unserem Code.

47
00:03:54,875 --> 00:03:58,025
Wenn Sie sich die Datei package.json ansehen,

48
00:03:58,025 --> 00:04:03,530
sehen Sie, dass innerhalb der Datei package.json, indem Sie Express installieren, bereits

49
00:04:03,530 --> 00:04:10,265
eine andere Eigenschaft sehen, die in der package.json Datei enthalten ist, die als Abhängigkeiten bezeichnet wird.

50
00:04:10,265 --> 00:04:13,910
Diese Abhängigkeiten verfolgen alle Pakete, von

51
00:04:13,910 --> 00:04:16,750
denen dieses aktuelle Projekt abhängig sein wird.

52
00:04:16,750 --> 00:04:20,870
Hier sehen Sie, dass Express

53
00:04:20,870 --> 00:04:25,790
dort installiert wird und die entsprechende Version von Express hier installiert wird.

54
00:04:25,790 --> 00:04:30,320
Dies erklärt, dass dieses Projekt von der

55
00:04:30,320 --> 00:04:35,660
Express-Version mindestens 4.16.3 abhängig ist.

56
00:04:35,660 --> 00:04:41,870
Darüber hinaus sehen Sie auch diesen Ordner namens Knotenmodule, die hier erstellt werden.

57
00:04:41,870 --> 00:04:46,175
Hier werden also alle Knotenmodule von Drittanbietern

58
00:04:46,175 --> 00:04:51,600
gespeichert, die von Ihrer Anwendung installiert werden.

59
00:04:51,600 --> 00:04:54,305
Nun, wenn wir ein Git-Commit machen,

60
00:04:54,305 --> 00:04:57,895
wollen wir diesen Knoten Modulordner nicht festschreiben.

61
00:04:57,895 --> 00:04:59,965
Um das zu ignorieren,

62
00:04:59,965 --> 00:05:02,980
können Sie eine Datei

63
00:05:02,980 --> 00:05:10,675
namens gitignore erstellen und innerhalb der.gitignore Datei,

64
00:05:10,675 --> 00:05:14,475
lassen Sie uns node_ Module eingeben.

65
00:05:14,475 --> 00:05:18,740
Dies lässt Git also wissen, dass wir

66
00:05:18,740 --> 00:05:23,315
den Knoten Modulordner nicht in das Git-Repository übertragen möchten.

67
00:05:23,315 --> 00:05:25,580
Also, damit lassen Sie uns die Änderungen speichern.

68
00:05:25,580 --> 00:05:28,505
Wenn Sie also jetzt ein Git-Repository erstellen,

69
00:05:28,505 --> 00:05:30,945
wird der Knoten Modulordner ignoriert. Dies

70
00:05:30,945 --> 00:05:36,710
ist nicht erforderlich, da Sie den Ordner „Knotenmodule“ jederzeit neu erstellen können, wenn

71
00:05:36,710 --> 00:05:42,980
Sie dieses Projekt aus Ihrem Git-Repository klonen, indem Sie einfach npm install eingeben.

72
00:05:42,980 --> 00:05:46,405
Dies wird sich die Datei package.json

73
00:05:46,405 --> 00:05:48,065
ansehen und alle Abhängigkeiten

74
00:05:48,065 --> 00:05:51,720
und die Entwicklungsabhängigkeiten betrachten, die sich in der

75
00:05:51,720 --> 00:05:55,905
Datei package.json befinden und automatisch alle diese Pakete für Sie installiert werden.

76
00:05:55,905 --> 00:05:58,260
Nun, da wir dies abgeschlossen haben,

77
00:05:58,260 --> 00:06:01,810
lassen Sie uns unser erstes Express-Projekt erstellen,

78
00:06:01,810 --> 00:06:09,350
so dass wir eine Datei mit dem Namen index.js erstellen und in der index.js

79
00:06:09,350 --> 00:06:19,190
werden wir eine const express require express deklarieren.

80
00:06:19,190 --> 00:06:23,255
Nun werden Sie feststellen, dass Express ein Knotenmodul eines Drittanbieters ist und es

81
00:06:23,255 --> 00:06:27,910
in unserem Knotenmodulordner im richtigen Verzeichnis installiert wurde.

82
00:06:27,910 --> 00:06:35,150
Also, wenn wir dies hier erklären, sagen, dass dieses Express-Modul erforderlich ist,

83
00:06:35,150 --> 00:06:41,030
dann wird es automatisch aus dem Knoten Modulordner in unsere Anwendung aufgenommen werden.

84
00:06:41,030 --> 00:06:46,145
Installieren Sie jetzt auch HTTP

85
00:06:46,145 --> 00:06:55,785
das Kernmodul hier.

86
00:06:55,785 --> 00:06:57,585
Nun, da wir dies installiert haben,

87
00:06:57,585 --> 00:07:04,165
lassen Sie uns den Kursnamen als

88
00:07:04,165 --> 00:07:12,850
lokalen Host und Portnummer als 3000 erstellen.

89
00:07:12,850 --> 00:07:17,950
Sie sehen also, dass wir genau die gleiche Art und Weise verwenden,

90
00:07:17,950 --> 00:07:23,550
diese Übung zu machen, wie wir es für die HTTP-Übung früher getan haben.

91
00:07:23,550 --> 00:07:25,535
Jetzt, an diesem Punkt,

92
00:07:25,535 --> 00:07:32,560
werden wir diese const namens app als express deklarieren.

93
00:07:32,560 --> 00:07:37,855
Auf diese Weise sagen wir, dass unsere Anwendung das Express-Knotenmodul verwenden wird.

94
00:07:37,855 --> 00:07:39,620
Sobald wir das tun,

95
00:07:39,620 --> 00:07:47,840
bietet Express eine Reihe von Methoden, die wir verwenden können, um unseren Webserver zu konstruieren.

96
00:07:47,840 --> 00:07:53,335
Danach sagen wir app.use () und innen hier

97
00:07:53,335 --> 00:07:59,845
werden wir eine Funktion deklarieren, die aufgerufen wird, um unseren Server einzurichten.

98
00:07:59,845 --> 00:08:04,010
Also, diese Funktion nimmt drei Parameter req,

99
00:08:04,010 --> 00:08:06,330
die die Anforderung ist; res,

100
00:08:06,330 --> 00:08:09,850
die die Antwort ist, und nächste.

101
00:08:09,850 --> 00:08:19,310
Jetzt, wie wir gesehen haben, verwendet Express zusätzliche Middleware.

102
00:08:19,310 --> 00:08:22,955
Die nächste wird verwendet, wenn Sie

103
00:08:22,955 --> 00:08:28,080
zusätzliche Middleware aufrufen müssen, um die Arbeit in Ihrem Namen zu erledigen.

104
00:08:28,080 --> 00:08:32,930
Wir werden die Verwendung von als nächstes in einigen der späteren Übungen sehen,

105
00:08:32,930 --> 00:08:38,350
aber die Funktion hier wird drei Parameter req, res, und weiter nehmen.

106
00:08:38,350 --> 00:08:40,940
Weiter ist ein optionaler Parameter,

107
00:08:40,940 --> 00:08:46,755
der nicht enthalten sein kann, wenn Sie ihn nicht in Ihrem Code verwenden möchten.

108
00:08:46,755 --> 00:08:48,685
Also, im Inneren werden wir sagen,

109
00:08:48,685 --> 00:08:51,870
Konsolenprotokoll und dann,

110
00:08:51,870 --> 00:08:57,165
wir werden diese Header protokollieren,

111
00:08:57,165 --> 00:09:07,840
und wir werden mit dem Statuscode auf 200 reagieren.

112
00:09:11,120 --> 00:09:19,845
Legen Sie Header-Inhaltstyp

113
00:09:19,845 --> 00:09:25,870
als Text HTML fest.

114
00:09:25,870 --> 00:09:29,150
Sie bemerken also, dass ein Großteil dieses Codes der Art und

115
00:09:29,150 --> 00:09:32,744
Weise, wie wir unsere Knotenanwendung einrichten, sehr ähnlich aussieht.

116
00:09:32,744 --> 00:09:36,205
Also, wir sagen res.end und

117
00:09:36,205 --> 00:09:45,130
hier HTML Körper h1.

118
00:09:47,760 --> 00:09:56,245
Wir sagen einfach, das ist ein Express-Server und schließen

119
00:09:56,245 --> 00:10:09,685
die Tanks dort ab, und das war's.

120
00:10:09,685 --> 00:10:14,970
Aus Ihrem Verständnis des Knotens HTTP

121
00:10:14,970 --> 00:10:18,180
verstehen Sie bereits, was diese drei tun

122
00:10:18,180 --> 00:10:22,735
und das Gleiche wird auch auf dem Express-Server getan.

123
00:10:22,735 --> 00:10:26,480
Nun, da wir den Server mit der App eingerichtet haben,

124
00:10:26,480 --> 00:10:30,715
werden wir den Server einrichten,

125
00:10:30,715 --> 00:10:35,435
und dann werden wir den HTTP CreateServer verwenden,

126
00:10:35,435 --> 00:10:44,415
und damit CreateServer wird jetzt App als Funktionsparameter dort nehmen,

127
00:10:44,415 --> 00:10:54,850
und danach werden wir einfach sagen server.listen Port,

128
00:10:54,850 --> 00:11:03,160
Hostname und die

129
00:11:03,160 --> 00:11:09,080
Pfeilfunktion hier, in der ich ausdrucken werde,

130
00:11:12,560 --> 00:11:24,340
Konsole, Log-Backcoat-Server läuft bei HTTP: //hostname:port,

131
00:11:38,560 --> 00:11:43,880
das ist es. Sie werden also sehen, dass dieser Teil dem sehr

132
00:11:43,880 --> 00:11:48,515
ähnlich ist, was Sie für die HTTP-Übung getan haben,

133
00:11:48,515 --> 00:11:51,620
außer dass der CreateServer jetzt diese App nimmt,

134
00:11:51,620 --> 00:11:53,990
die wir früher Express erklärt haben.

135
00:11:53,990 --> 00:11:58,120
Also, Express fügt zusätzliche Funktionalität hinzu, die

136
00:11:58,120 --> 00:12:03,460
vom HTTP-Server verwendet werden, den wir mit Notiz erstellen.

137
00:12:04,270 --> 00:12:06,540
Sobald wir damit fertig sind,

138
00:12:06,540 --> 00:12:08,265
lassen Sie uns die Änderungen speichern,

139
00:12:08,265 --> 00:12:11,625
und dann werden wir den Server starten

140
00:12:11,625 --> 00:12:14,900
und einen Blick darauf werfen, was der Server aufbringen wird.

141
00:12:14,900 --> 00:12:17,495
Gehen Sie in das Terminal, fügen Sie das Terminal hinzu,

142
00:12:17,495 --> 00:12:25,160
geben Sie NPM start ein und Sie werden sehen, dass Ihr Server läuft.

143
00:12:25,160 --> 00:12:30,645
Wenn wir nun entweder vom Browser oder vom Postboten darauf zugreifen,

144
00:12:30,645 --> 00:12:33,160
werden Sie sehen, was es dient.

145
00:12:33,160 --> 00:12:36,320
Also, hier habe ich Postbote und Geld.

146
00:12:36,320 --> 00:12:41,425
Lassen Sie mich die GET-Anfrage wie zuvor an localhost 3.000 senden

147
00:12:41,425 --> 00:12:47,545
und Sie werden sehen, dass dies den HTML-Code bereitstellt, den wir darin enthalten,

148
00:12:47,545 --> 00:12:50,655
und so ist dies ein Express-Server. Wenn Sie

149
00:12:50,655 --> 00:12:52,075
auf die Vorschau klicken,

150
00:12:52,075 --> 00:12:56,460
wird dies Ihnen zeigen, wie es in einem Browser aussehen wird,

151
00:12:56,970 --> 00:13:03,490
und dies zeigt die rohe Version des Codes, der von der Serverseite zurückgesendet wurde,

152
00:13:03,490 --> 00:13:06,905
und Sie können sehen, dass der Statuscode 200 ist, okay?

153
00:13:06,905 --> 00:13:13,560
Und der andere Header-Informationsvektor wurde von der Server-Site gesendet.

154
00:13:13,560 --> 00:13:20,190
Beachten Sie insbesondere, dass es x powered by Express in der Kopfzeile sagt.

155
00:13:20,190 --> 00:13:24,110
Damit schließen wir den ersten Teil dieser Übung ab, wo wir gesehen haben,

156
00:13:24,110 --> 00:13:29,535
wie wir Express nutzen können, um einen einfachen Webserver einzurichten.

157
00:13:29,535 --> 00:13:35,540
Lassen Sie mich jetzt den Server stoppen und dann das Git-Repository initialisieren,

158
00:13:35,540 --> 00:13:40,330
also werde ich an der Eingabeaufforderung „git init“ und

159
00:13:40,330 --> 00:13:48,030
dann „git status“ eingeben und Sie werden sehen, dass Dateien, die nicht verfolgt wurden,

160
00:13:48,030 --> 00:13:55,805
also werde ich sagen „get and dropped“ und diese Dateien werden jetzt in das Git-Repository hinzugefügt,

161
00:13:55,805 --> 00:13:57,750
und wenn Sie sagen, git status,

162
00:13:57,750 --> 00:13:59,780
sehen Sie die Dateien, die hinzugefügt wurden.

163
00:13:59,780 --> 00:14:02,610
Beachten Sie insbesondere, dass der Ordner „Knotenmodule“

164
00:14:02,610 --> 00:14:05,750
nicht zum Git-Repository hinzugefügt wurde, da

165
00:14:05,750 --> 00:14:09,310
wir in der.gitignore Datei explizit angegeben haben, dass

166
00:14:09,310 --> 00:14:14,035
der Ordner „Knotenmodule“ nicht im Git-Repository enthalten sein sollte.

167
00:14:14,035 --> 00:14:19,905
Also, lassen Sie uns jetzt unseren Commit-Austausch überprüfen, indem wir git

168
00:14:19,905 --> 00:14:28,095
commit minus m Express-Beispiel sagen,

169
00:14:28,095 --> 00:14:32,285
und wir haben dies zu unserem Git-Repository verpflichtet.

170
00:14:32,285 --> 00:14:34,820
Im zweiten Teil dieser Übung

171
00:14:34,820 --> 00:14:40,975
werden wir uns die Verwendung von Express Middleware namens Morgan ansehen.

172
00:14:40,975 --> 00:14:46,390
Morgan wird verwendet, um Informationen auf dem Bildschirm zu

173
00:14:46,390 --> 00:14:50,640
protokollieren, so dass es Informationen über eingehende Anfragen auf dem Bildschirm protokolliert, so dass wir

174
00:14:50,640 --> 00:14:55,185
einige Informationen sehen können, die in unserer Konsole gedruckt werden.

175
00:14:55,185 --> 00:15:02,290
Außerdem werden wir sehen, wie wir unseren Express-Server einrichten können, um statische HTML-Dateien bereitzustellen.

176
00:15:02,290 --> 00:15:06,740
Um zu beginnen, geben Sie an der Eingabeaufforderung npm

177
00:15:06,740 --> 00:15:13,505
install Morgan minus minus save ein.

178
00:15:13,505 --> 00:15:18,650
Jetzt wird Morgan eine Abhängigkeit sein, die wir in unserer Anwendung verwenden werden.

179
00:15:18,650 --> 00:15:20,390
Also, das ist, warum es minus,

180
00:15:20,390 --> 00:15:24,530
minus sparen und das würde Install erhalten,

181
00:15:24,530 --> 00:15:32,260
und Sie können sehen, dass ich Morgan Version 1.9.0 in diesem Kurs verwende.

182
00:15:32,260 --> 00:15:34,735
Jetzt, da wir Morgan installiert haben,

183
00:15:34,735 --> 00:15:38,650
lassen Sie uns sehen, wie wir es innerhalb unserer Anwendung nutzen können.

184
00:15:38,650 --> 00:15:40,615
Also gehen Sie zu unserer Anwendung,

185
00:15:40,615 --> 00:15:47,235
der Weg, um Morgan zu nutzen, ist hier

186
00:15:47,235 --> 00:15:57,015
const Morgan erfordern Morgan zu erklären,

187
00:15:57,015 --> 00:16:01,470
und dann werden wir sagen,

188
00:16:01,470 --> 00:16:10,665
„App verwenden Morgan mit der Entwicklung“.

189
00:16:10,665 --> 00:16:12,820
Also, das ist die Entwicklungsversion.

190
00:16:12,820 --> 00:16:18,045
So wird es nach Bedarf zusätzliche Informationen auf dem Bildschirm ausdrucken.

191
00:16:18,045 --> 00:16:21,400
Jetzt gehen Sie in unsere Bewerbung.

192
00:16:21,990 --> 00:16:28,460
Innerhalb unserer Anwendung werde ich nicht die gesamten Header protokollieren.

193
00:16:28,460 --> 00:16:32,500
Lassen Sie mich stattdessen das entfernen, da Morgan

194
00:16:32,500 --> 00:16:37,750
genügend Informationen protokolliert, damit wir uns ansehen

195
00:16:37,750 --> 00:16:47,695
können, und ich werde meinen Server so einrichten, dass die HTML-Dateien aus dem öffentlichen Ordner bereitgestellt werden.

196
00:16:47,695 --> 00:16:48,945
Um dies zu tun,

197
00:16:48,945 --> 00:16:56,660
werde ich die Verwendung deklarieren und statisch ausdrücken.

198
00:16:56,660 --> 00:17:06,265
Dies weist Express an, die statischen Dateien von doppeltem Unterstrich dirname zu dienen.

199
00:17:06,265 --> 00:17:13,735
Also, das sagt die Wurzel

200
00:17:13,735 --> 00:17:19,430
dieses Projekts und sie werden diese Dateien

201
00:17:19,430 --> 00:17:25,605
in double_dirname, plus/ public finden. Denken Sie

202
00:17:25,605 --> 00:17:30,355
daran, dass wir den Öffentlichen Ordner im Knoten Express-Ordner erstellt haben.

203
00:17:30,355 --> 00:17:35,845
Dies informiert Express, dass Sie sich

204
00:17:35,845 --> 00:17:42,630
diesen bestimmten Ordner im Stammordner dieses Projekts und innerhalb des Öffentlichen Ordners ansehen werden.

205
00:17:42,630 --> 00:17:45,985
Dies ist also der Ordner, aus dem

206
00:17:45,985 --> 00:17:52,530
statische HTML-Dateien von meinem Express-Server bereitgestellt werden.

207
00:17:52,530 --> 00:17:54,155
Nachdem Sie diese Änderungen vorgenommen haben,

208
00:17:54,155 --> 00:17:55,660
speichern wir die Änderungen

209
00:17:55,660 --> 00:17:58,615
und starten Sie dann unseren Server neu,

210
00:17:58,615 --> 00:18:01,480
und sehen Sie dann, wie es funktioniert.

211
00:18:01,480 --> 00:18:04,495
Gehen

212
00:18:04,495 --> 00:18:08,520
wir zu dieser Eingabeaufforderung, geben Sie npm start ein,

213
00:18:08,520 --> 00:18:10,510
um unseren Server zu starten,

214
00:18:10,510 --> 00:18:12,985
und sobald der Server läuft,

215
00:18:12,985 --> 00:18:18,960
lassen Sie uns untersuchen, was es aufbringen wird, wenn wir verschiedene Anfragen an diesen Server senden.

216
00:18:18,960 --> 00:18:24,200
Verwenden Sie Postman, lassen Sie uns zuerst eine get-Anfrage an den lokalen Host senden: 3.000

217
00:18:24,200 --> 00:18:32,545
und Sie werden feststellen, dass es die Datei index.html bereitstellt.

218
00:18:32,545 --> 00:18:38,795
Wir haben unseren Server so eingerichtet, dass er statische Dateien aus dem öffentlichen Ordner

219
00:18:38,795 --> 00:18:43,190
bereitstellt, und wenn wir nur localhost: 3000 sagen,

220
00:18:43,190 --> 00:18:45,060
wird es die Datei index.html bereitstellen.

221
00:18:45,060 --> 00:18:48,685
So funktioniert Ihr typischer Webserver.

222
00:18:48,685 --> 00:18:53,440
Also, das ist es, was wir am Ende unseren Express-Server eingerichtet haben.

223
00:18:53,440 --> 00:19:01,735
Nun, lassen Sie uns localhost eingeben: 3000 about.html und senden Sie die Anfrage,

224
00:19:01,735 --> 00:19:04,280
und sagt, dass dies über unsere Strategie HTML ist,

225
00:19:04,280 --> 00:19:07,660
und auch die über uns HTML-Datei wurde hier oben gespeichert.

226
00:19:07,660 --> 00:19:09,145
In der Vorschau

227
00:19:09,145 --> 00:19:14,710
können Sie also die resultierende Datei sehen, die von unserer Server-Site bereitgestellt wurde.

228
00:19:14,710 --> 00:19:20,020
Lassen Sie uns versuchen, auf eine nicht vorhandene Datei zuzugreifen,

229
00:19:20,020 --> 00:19:25,755
und Sie werden sehen, dass, wenn Sie versuchen, auf eine nicht vorhandene Datei zuzugreifen,

230
00:19:25,755 --> 00:19:31,995
es standardmäßig auf die zweite Einrichtung, die wir in unserem Code getan haben, der

231
00:19:31,995 --> 00:19:34,175
besagt, dass dies ein Express-Server ist.

232
00:19:34,175 --> 00:19:37,790
Wir haben auf unserem Express-Server nicht angegeben, wie

233
00:19:37,790 --> 00:19:42,830
Situationen behandelt werden sollen, in denen er auf eine Datei stößt, die nicht existiert.

234
00:19:42,830 --> 00:19:50,450
Deshalb wird der Standardwert verwendet, der direkt unter

235
00:19:50,450 --> 00:19:53,680
dem statischen Express eingerichtet wurde, der den Standardwert bereitstellt, und natürlich

236
00:19:53,680 --> 00:19:57,335
ist dies nicht das idealste Verhalten,

237
00:19:57,335 --> 00:20:00,845
aber das ist, was wir in diesem Moment auf dem Express-Server haben.

238
00:20:00,845 --> 00:20:04,940
Später werden wir den Express-Server so ändern, dass er

239
00:20:04,940 --> 00:20:10,215
Fehler genauer behandelt, in späteren Übungen.

240
00:20:10,215 --> 00:20:14,780
Dies ist auch ein guter Zeitpunkt für Sie, ein Git-Commit der Änderungen zu machen.

241
00:20:14,780 --> 00:20:20,760
Also, lassen Sie uns den Git-Status überprüfen, nachdem Sie den Server gestoppt haben,

242
00:20:20,760 --> 00:20:25,925
und wir werden die geänderten Dateien hinzufügen,

243
00:20:25,925 --> 00:20:29,189
und dann Git Commit

244
00:20:29,189 --> 00:20:36,880
minus m Express tun,

245
00:20:36,880 --> 00:20:44,125
statische Dateien servieren.

246
00:20:44,125 --> 00:20:46,030
Das war's. Damit

247
00:20:46,030 --> 00:20:48,015
schließen wir diese Übung ab.

248
00:20:48,015 --> 00:20:50,540
In dieser Übung haben wir gesehen, wie wir

249
00:20:50,540 --> 00:20:55,460
einen einfachen Webserver einrichten können, um Inhalte in unserem Namen bereitzustellen.