1
00:00:03,920 --> 00:00:07,800
Nun, da wir über Express Generator erfahren haben,

2
00:00:07,800 --> 00:00:10,890
das Gerüstwerkzeug für Experten Anwendungen,

3
00:00:10,890 --> 00:00:17,405
lassen Sie uns Express Generator installieren und dann eine neue Express-Anwendung erstellen.

4
00:00:17,405 --> 00:00:20,250
Wir erstellen das genaue Replikat

5
00:00:20,250 --> 00:00:25,850
der Express REST-API-Anwendung, die wir im vorherigen Modul implementiert haben.

6
00:00:25,850 --> 00:00:30,025
Wir werden in der Tat die drei Router,

7
00:00:30,025 --> 00:00:34,970
Express-Router, die wir in der vorherigen Express-Anwendung in

8
00:00:34,970 --> 00:00:38,690
der neu generierten Anwendung implementiert haben,

9
00:00:38,690 --> 00:00:43,430
wiederverwenden, die wir in dieser Übung mit dem Express Generator generieren werden.

10
00:00:43,430 --> 00:00:48,680
Um zu beginnen, ist Ihr erster Schritt, den Express Generator zu installieren. Geben Sie

11
00:00:48,680 --> 00:00:52,610
also an der Eingabeaufforderung „npm

12
00:00:52,610 --> 00:00:59,210
install -g“ ein, um es als globales NPM-Modul zu installieren.

13
00:00:59,210 --> 00:01:05,120
Wir sagen Express-Generator und drücken die Rückkehr.

14
00:01:05,120 --> 00:01:10,910
Wenn Sie nun auf einer OSX- oder Linux-Maschine installieren,

15
00:01:10,910 --> 00:01:14,400
stellen Sie sicher, dass Sie sudo vor diesem Befehl verwenden.

16
00:01:14,400 --> 00:01:21,500
Installieren Sie dann die Anwendung als globale Anwendung.

17
00:01:21,500 --> 00:01:29,850
Wie Sie sehen können, ist die Express Generator-Version, die ich verwende, in diesem Kurs 4.16.0.

18
00:01:29,850 --> 00:01:33,845
Nun, da wir den Express Generator installiert haben,

19
00:01:33,845 --> 00:01:37,590
verschieben Sie in Ihrem Terminal in den Ordner Node.Js, wo Sie

20
00:01:37,590 --> 00:01:42,080
alle verschiedenen Knotenanwendungen gespeichert haben, die wir in diesem Kurs entwickelt haben,

21
00:01:42,080 --> 00:01:43,745
im Ordner Node.Js. Geben Sie

22
00:01:43,745 --> 00:01:50,020
an der Eingabeaufforderung express ConfusionServer ein.

23
00:01:50,020 --> 00:01:53,865
Nun, wenn Sie von den vorherigen Kursen gefolgt sind,

24
00:01:53,865 --> 00:01:57,410
verstehen Sie, warum ich es ConFusion nenne und so

25
00:01:57,410 --> 00:02:01,860
lassen Sie uns unsere Express-Anwendung im ConfusionServer Gerüst machen.

26
00:02:01,860 --> 00:02:07,165
Ich baue Gerüst ohne neue Optionen aus und dann innerhalb kurzer Zeit

27
00:02:07,165 --> 00:02:10,125
wird der Express-Server gerüstert.

28
00:02:10,125 --> 00:02:14,390
Wechseln Sie nun in den ConfusionServer-Ordner und dann

29
00:02:14,390 --> 00:02:18,680
würden Sie sehen, dass eine Reihe von Dateien bereits für Sie gerüstert wurden.

30
00:02:18,680 --> 00:02:23,645
Also, lassen Sie uns dieses Projekt in Visual Studio Code öffnen.

31
00:02:23,645 --> 00:02:28,935
Geben Sie an der Eingabeaufforderung auch „npm

32
00:02:28,935 --> 00:02:33,110
install“ ein, um alle NPM-Module zu installieren

33
00:02:33,110 --> 00:02:36,070
, die bereits in der Datei package.json enthalten sind.

34
00:02:36,070 --> 00:02:39,590
Lassen Sie uns also einen kurzen Blick auf die package.json-Datei werfen, um zu sehen, was

35
00:02:39,590 --> 00:02:44,360
alle verschiedenen NPM-Knoten-Module sind, die installiert werden. Wenn Sie

36
00:02:44,360 --> 00:02:48,175
zu unserer Anwendung gehen,

37
00:02:48,175 --> 00:02:52,550
sehen Sie in der Datei package.json, dass der Server mit dem Standardnamen

38
00:02:52,550 --> 00:02:57,200
gerüstert wurde und Sie eine Reihe von Abhängigkeiten sehen, die hier deklariert werden.

39
00:02:57,200 --> 00:03:02,390
Also, alle diese NPM-Module werden automatisch für

40
00:03:02,390 --> 00:03:08,970
Sie von NPM installiert werden, wenn Sie „npm install“ in diesem Ordner eingeben.

41
00:03:08,970 --> 00:03:13,370
So sehen Sie den Ordner „Node Module“, der hier erstellt wird.

42
00:03:13,370 --> 00:03:17,600
Gehen Sie in das Terminal, geben Sie „npm install“ ein und lassen Sie es dann

43
00:03:17,600 --> 00:03:22,320
mit der Installation aller verschiedenen NPM-Module fortfahren.

44
00:03:22,320 --> 00:03:23,985
Sobald sie alle abgeschlossen sind,

45
00:03:23,985 --> 00:03:29,810
sind wir bereit, mit unserer Express-Anwendung zu beginnen.

46
00:03:29,810 --> 00:03:34,595
Sie würden feststellen, dass die Standard-Express-Anwendung bereits installiert wurde.

47
00:03:34,595 --> 00:03:35,710
Also an der Eingabeaufforderung,

48
00:03:35,710 --> 00:03:38,105
wenn Sie einfach npm start sagen,

49
00:03:38,105 --> 00:03:42,295
wird die Standardanwendung gestartet und Sie können

50
00:03:42,295 --> 00:03:48,500
mit Ihrem Standardbrowser navigieren, um zu sehen, was diese Anwendung dient.

51
00:03:48,500 --> 00:03:58,645
Gehen Sie in Postman unter dem Adressblocktyp localhost:3000 und

52
00:03:58,645 --> 00:04:03,185
senden Sie die Anfrage, und Sie werden sehen, dass Ihr Server

53
00:04:03,185 --> 00:04:12,045
diese Standardinformationen von der Server-Site zurückgibt.

54
00:04:12,045 --> 00:04:20,075
Dies ist also der Standard-Express-Server, der von Express Generator gerüstert wird.

55
00:04:20,075 --> 00:04:23,550
Auf der Konsole werden hier Informationen wie diese angezeigt.

56
00:04:23,550 --> 00:04:30,180
Das ist es, was Morgan auf dem Bildschirm ausdruckt, um die Anfragen zu zeigen.

57
00:04:30,180 --> 00:04:34,955
Es zeigt also den Typ der Anforderung an welche URL

58
00:04:34,955 --> 00:04:40,820
und die entsprechende Antwort, die vom Server an den Client zurückgesendet wurde.

59
00:04:40,820 --> 00:04:45,050
Stoppen wir den Express-Server.

60
00:04:45,050 --> 00:04:49,430
Lassen Sie uns ein Git-Repository initialisieren und dann

61
00:04:49,430 --> 00:04:57,360
werden wir den Git-Status überprüfen und Sie werden sehen, dass die Knotenmodule enthalten sind.

62
00:04:57,360 --> 00:05:03,800
Lassen Sie mich also zu meiner Anwendung wechseln und dann

63
00:05:03,800 --> 00:05:10,895
eine gitignore Datei erstellen und dann in der gitignore Datei

64
00:05:10,895 --> 00:05:17,470
die Knotenmodule als Datei angeben, die ich ignorieren möchte.

65
00:05:17,470 --> 00:05:20,815
Dann komm ich zurück zum Terminal,

66
00:05:20,815 --> 00:05:25,090
lass mich den Git-Status überprüfen und du siehst, dass

67
00:05:25,090 --> 00:05:30,385
wir jetzt nur die Dateien einchecken werden, die Teil unserer Anwendung sind. Geben Sie

68
00:05:30,385 --> 00:05:33,925
also an der Eingabeaufforderung git add ein

69
00:05:33,925 --> 00:05:42,085
und sagen Sie dann, git status und Sie sehen, dass alle Dateien eingecheckt wurden.

70
00:05:42,085 --> 00:05:50,725
Also, Sie sagen, git commit -m „Express Generator“.

71
00:05:50,725 --> 00:05:54,500
Jetzt werden wir mit dieser Express-Anwendung fortfahren.

72
00:05:54,500 --> 00:05:58,820
Wir hatten die drei Router bereits mit dem

73
00:05:58,820 --> 00:06:04,505
Express-Router in der vorherigen Express-Anwendung, die wir implementiert haben, gebaut.

74
00:06:04,505 --> 00:06:09,965
Wir werden diese drei Router zu dieser Anwendung kopieren, die wir mit

75
00:06:09,965 --> 00:06:16,240
Express Generator generiert haben, und auch diese Anwendung einrichten, um diese drei Router zu nutzen.

76
00:06:16,240 --> 00:06:17,980
Also, um das zu tun,

77
00:06:17,980 --> 00:06:24,120
lassen Sie mich in den Ordner Node.Js gehen und dann

78
00:06:24,120 --> 00:06:27,670
in den Knoten Express-Ordner und Routen gehen,

79
00:06:27,670 --> 00:06:30,380
werde ich die dishRouter.js,

80
00:06:30,380 --> 00:06:34,460
leaderRouter.js router.js und promoRouter.js kopieren, die ich

81
00:06:34,460 --> 00:06:39,410
in der Zuweisung implementiert habe, und wir kommen zu

82
00:06:39,410 --> 00:06:45,170
dem ConfusionServer, den ich haben gerade erstellt und in den Routenordner und kopieren Sie dann

83
00:06:45,170 --> 00:06:51,720
die drei Express-Router, die wir dort erstellt haben. Wenn

84
00:06:51,720 --> 00:06:58,140
wir nun die Datei app.js ändern,

85
00:06:58,140 --> 00:07:01,250
können wir die REST-API mit

86
00:07:01,250 --> 00:07:05,080
der Express-Anwendung unterstützen, die wir gerade gerüstert haben.

87
00:07:05,080 --> 00:07:09,535
Einen kurzen Besuch in der Anwendung, die gerüstert wurde.

88
00:07:09,535 --> 00:07:12,515
Wie ich in der vorherigen Vorlesung erwähnt habe,

89
00:07:12,515 --> 00:07:16,780
ist die app.js der Ort, an dem alles beginnt.

90
00:07:16,780 --> 00:07:20,540
Dies ist also die Standarddatei, so

91
00:07:20,540 --> 00:07:25,360
dass Sie einige der Dinge sehen können, die Sie aus dem vorherigen Modul kennen.

92
00:07:25,360 --> 00:07:31,440
Also, wir benötigen Express-Pfadlogger, der in diesem Fall Morgan ist.

93
00:07:31,440 --> 00:07:35,570
CookieParser, den wir in einer der späteren Übungen verwenden werden und Sie

94
00:07:35,570 --> 00:07:40,170
sehen auch, dass Sie zwei Routen importieren:

95
00:07:40,170 --> 00:07:42,220
den Index und die Benutzer,

96
00:07:42,220 --> 00:07:45,225
die bereits von Express für uns gerüstert sind.

97
00:07:45,225 --> 00:07:51,300
Also, wir werden in den drei neuen Routern hier hinzufügen.

98
00:07:51,300 --> 00:08:00,734
Also, ich werde nur sagen, var DishRouter benötigen Routen

99
00:08:00,734 --> 00:08:10,480
DishRouter und dann werden sie diese kopieren und dann auch

100
00:08:10,480 --> 00:08:24,470
den Promorouter und den LeaderRouter importieren

101
00:08:26,670 --> 00:08:32,315
und wir werden diese einrichten, um hier verwendet zu werden.

102
00:08:32,315 --> 00:08:35,735
Hier sehen Sie, dass der Index am

103
00:08:35,735 --> 00:08:40,070
Schrägstrich gemountet wird und dann die Benutzer unter /users.

104
00:08:40,070 --> 00:08:43,160
Also, wir sagen, App-Nutzung

105
00:08:43,160 --> 00:08:52,970
und Geschirr DishRouter.

106
00:08:52,970 --> 00:08:54,840
Es ist vier Uhr.

107
00:08:59,890 --> 00:09:17,910
Promotions PromorOuter und Führer.

108
00:09:18,030 --> 00:09:22,735
LeaderRouter. Das war's.

109
00:09:22,735 --> 00:09:27,045
Unsere Express-Anwendung, die gerüstert wurde, ist jetzt alles eingerichtet,

110
00:09:27,045 --> 00:09:32,000
um ein vollwertiger REST API Server zu sein, der für

111
00:09:32,000 --> 00:09:34,595
Gerichte, Gerichte, Promotionen und Führer dienen wird.

112
00:09:34,595 --> 00:09:37,630
Wenn Sie nun den Rest des Codes durchsuchen,

113
00:09:37,630 --> 00:09:41,175
sieht er mit ein paar neuen Dingen vertraut aus.

114
00:09:41,175 --> 00:09:47,290
Wir werden sie besuchen, wie und wenn wir brauchen, um ein bisschen mehr Details dort zu verstehen.

115
00:09:47,290 --> 00:09:50,655
So können Sie sehen, dass der statische Server eingerichtet wurde,

116
00:09:50,655 --> 00:09:56,150
der Logger dort eingerichtet wurde und einige von diesem andere- also

117
00:09:56,150 --> 00:10:02,315
ist dieser ein globaler Handler für Fehler.

118
00:10:02,315 --> 00:10:06,150
Wir werden sehen, wie wir es genauer nutzen können.

119
00:10:06,150 --> 00:10:10,855
Und diese beiden sind zusätzliche Fehlerbehandlungsprogramme, die danach folgen.

120
00:10:10,855 --> 00:10:16,635
Wir werden sehen, wie wir sie nutzen, wie wir weiter in dieser Anwendung implementieren.

121
00:10:16,635 --> 00:10:19,325
Also, hier bemerken Sie all diese Informationen.

122
00:10:19,325 --> 00:10:23,140
Nun fragen Sie sich, wo der Server selbst

123
00:10:23,140 --> 00:10:27,575
für den lokalen Host konfiguriert ist und die Portnummer konfiguriert ist.

124
00:10:27,575 --> 00:10:34,840
Nun, diese Informationen sind in dieser Datei namens bin/www.

125
00:10:34,840 --> 00:10:38,075
Wenn Sie den Ordner bin/www öffnen,

126
00:10:38,075 --> 00:10:40,340
sehen Sie hier weitere Informationen.

127
00:10:40,340 --> 00:10:44,340
Also, es sagt, var app erfordern.. slash/app.

128
00:10:44,340 --> 00:10:46,330
Also, aus dem bin-Ordner,

129
00:10:46,330 --> 00:10:47,480
kommen Sie hier und dann,

130
00:10:47,480 --> 00:10:50,805
diese app.js Datei ist hier erforderlich;

131
00:10:50,805 --> 00:10:54,245
und so, das wird automatisch den Express und alles enthalten.

132
00:10:54,245 --> 00:10:56,440
Und dann richten Sie hier

133
00:10:56,440 --> 00:11:00,510
den HTTP-Server ein und richten die Portnummer ein.

134
00:11:00,510 --> 00:11:04,570
Sie können auch Ihre eigene Portnummer an der Befehlszeile angeben,

135
00:11:04,570 --> 00:11:08,575
aber im Moment werden wir den Standardwert verwenden, der 3000 ist,

136
00:11:08,575 --> 00:11:11,830
und wir werden die Portnummer hier einrichten; und dann

137
00:11:11,830 --> 00:11:16,935
sehen Sie den var Server http.CreateServer, den Sie zuvor gesehen haben,

138
00:11:16,935 --> 00:11:20,590
und der Server wartet auf Dinge hier.

139
00:11:20,590 --> 00:11:28,050
Und dann, auch, hier sind einige, die auf Ereignisse auf der Serverseite hören.

140
00:11:28,050 --> 00:11:30,940
Darauf werden wir in einer der späteren Übungen zurückkommen.

141
00:11:30,940 --> 00:11:33,320
Und dann unten sehen Sie einen zusätzlichen

142
00:11:33,320 --> 00:11:36,560
Code, der Ihren Server so einrichtet, dass er

143
00:11:36,560 --> 00:11:43,170
Fehler verarbeiten und auf eingehende Anfragen an der Portnummer warten kann und so weiter.

144
00:11:43,170 --> 00:11:46,080
Im Moment, mach dir nicht zu viel Sorgen um diesen Code.

145
00:11:46,080 --> 00:11:48,730
Wir werden diesen Code wiederholen, wann immer wir es benötigen,

146
00:11:48,730 --> 00:11:55,580
und wir werden diesen Code so ändern, wie und wenn wir in einer der späteren Übungen benötigen.

147
00:11:55,580 --> 00:12:01,595
Also, dort sind Ihre Serverinformationen alle dort eingerichtet.

148
00:12:01,595 --> 00:12:06,070
Und app.js, wir haben bereits den Routenordner dort gesehen.

149
00:12:06,070 --> 00:12:15,530
Index.js und users.js sind zwei Standardrouten, die bereits für uns eingerichtet sind.

150
00:12:15,530 --> 00:12:19,575
Wir werden die users.js in einer der späteren Übungen verwenden.

151
00:12:19,575 --> 00:12:21,900
Und im Öffentlichen Ordner,

152
00:12:21,900 --> 00:12:25,410
lassen Sie uns fortfahren und kopieren Sie die index.html und

153
00:12:25,410 --> 00:12:31,345
aboutus.html aus unserer Express-Anwendung auch in den öffentlichen Ordner.

154
00:12:31,345 --> 00:12:39,895
Gehen Sie also zurück zum öffentlichen Ordner node-express.

155
00:12:39,895 --> 00:12:42,250
Ich werde nur diese beiden kopieren.

156
00:12:42,250 --> 00:12:47,135
Und dann kommen wir zurück zum Verwirrungsserver;

157
00:12:47,135 --> 00:12:49,840
und dann, im Öffentlichen Ordner,

158
00:12:49,840 --> 00:12:52,410
werde ich sie einfach an Ort und Stelle einfügen.

159
00:12:52,410 --> 00:12:54,355
Im Moment sind dies Platzhalter.

160
00:12:54,355 --> 00:12:57,960
Später werden wir sie durch andere Dinge ersetzen.

161
00:12:57,960 --> 00:13:00,240
Mit diesen Änderungen

162
00:13:00,240 --> 00:13:04,385
ist unser Server nun vollständig so eingerichtet, dass er als

163
00:13:04,385 --> 00:13:09,235
REST-API-Server ausgeführt wird und alle REST-API-Endpunkte unterstützt.

164
00:13:09,235 --> 00:13:13,105
Also, lassen Sie uns unseren Server starten. Geben Sie

165
00:13:13,105 --> 00:13:14,680
also an der

166
00:13:14,680 --> 00:13:19,910
Eingabeaufforderung npm start ein, und Ihr Server wird betriebsbereit sein.

167
00:13:19,910 --> 00:13:24,555
Gehen wir zu PostBin und senden Sie ein paar Anfragen an diesen Server.

168
00:13:24,555 --> 00:13:29,545
Lassen Sie uns nun eine get Anfrage an lokalen Host 3000/Gerichte senden,

169
00:13:29,545 --> 00:13:36,210
und Sie werden feststellen, dass der REST API Server genau so funktioniert, wie wir es erwarten.

170
00:13:36,210 --> 00:13:41,250
Wir senden eine Löschanfrage und es wird das Geschirr löschen.

171
00:13:41,250 --> 00:13:44,580
Und dann lassen Sie uns

172
00:13:44,580 --> 00:13:49,800
eine Löschanforderung an Werbeaktionen senden und Sie sehen, dass es wie zuvor funktioniert.

173
00:13:49,800 --> 00:13:55,075
Und wir machen einen Beitrag zu Werbeaktionen

174
00:13:55,075 --> 00:14:09,430
mit dem Body Fielding

175
00:14:23,730 --> 00:14:26,725
und senden die Post-Anfrage,

176
00:14:26,725 --> 00:14:28,750
und Sie werden sehen, dass es sagt:

177
00:14:28,750 --> 00:14:31,790
„Wir werden den Promotion-Test mit detaillierter Beschreibung hinzufügen.“

178
00:14:31,790 --> 00:14:38,425
Lassen Sie uns dies an die Führer zu senden.23,

179
00:14:38,425 --> 00:14:45,190
aber setzen Sie Anfrage an die Führer.23 und Sie sollten sehen, dass es sagt: „Aktualisieren Führer 23.

180
00:14:45,190 --> 00:14:47,655
Wird den Anführer aufrüsten.“ Sie sehen also, dass

181
00:14:47,655 --> 00:14:51,780
der Express-Generator, der die Anwendung generiert hat und wir

182
00:14:51,780 --> 00:14:55,060
es geändert haben, um die gesamten REST-API-Endpunkte zu unterstützen, die

183
00:14:55,060 --> 00:14:59,315
wir in der vorherigen Version des Express-Routers konfiguriert haben.

184
00:14:59,315 --> 00:15:05,020
Damit schließen wir diese Übung ab, in der wir gezeigt haben, wie wir

185
00:15:05,020 --> 00:15:10,610
den Express-Generator verwenden können, um den REST-API-Endpunkt aufzubauen.

186
00:15:10,610 --> 00:15:17,740
Nun, dies ist ein guter Zeitpunkt für uns, einen Git Kermit der Änderung mit der Meldung

187
00:15:17,740 --> 00:15:21,110
„Express-Generator-REST-API“ zu machen.