Nun, da wir über Express Generator erfahren haben,
das Gerüstwerkzeug für Experten Anwendungen,
lassen Sie uns Express Generator installieren und dann eine neue Express-Anwendung erstellen.
Wir erstellen das genaue Replikat
der Express REST-API-Anwendung, die wir im vorherigen Modul implementiert haben.
Wir werden in der Tat die drei Router,
Express-Router, die wir in der vorherigen Express-Anwendung in
der neu generierten Anwendung implementiert haben,
wiederverwenden, die wir in dieser Übung mit dem Express Generator generieren werden.
Um zu beginnen, ist Ihr erster Schritt, den Express Generator zu installieren. Geben Sie
also an der Eingabeaufforderung „npm
install -g“ ein, um es als globales NPM-Modul zu installieren.
Wir sagen Express-Generator und drücken die Rückkehr.
Wenn Sie nun auf einer OSX- oder Linux-Maschine installieren,
stellen Sie sicher, dass Sie sudo vor diesem Befehl verwenden.
Installieren Sie dann die Anwendung als globale Anwendung.
Wie Sie sehen können, ist die Express Generator-Version, die ich verwende, in diesem Kurs 4.16.0.
Nun, da wir den Express Generator installiert haben,
verschieben Sie in Ihrem Terminal in den Ordner Node.Js, wo Sie
alle verschiedenen Knotenanwendungen gespeichert haben, die wir in diesem Kurs entwickelt haben,
im Ordner Node.Js. Geben Sie
an der Eingabeaufforderung express ConfusionServer ein.
Nun, wenn Sie von den vorherigen Kursen gefolgt sind,
verstehen Sie, warum ich es ConFusion nenne und so
lassen Sie uns unsere Express-Anwendung im ConfusionServer Gerüst machen.
Ich baue Gerüst ohne neue Optionen aus und dann innerhalb kurzer Zeit
wird der Express-Server gerüstert.
Wechseln Sie nun in den ConfusionServer-Ordner und dann
würden Sie sehen, dass eine Reihe von Dateien bereits für Sie gerüstert wurden.
Also, lassen Sie uns dieses Projekt in Visual Studio Code öffnen.
Geben Sie an der Eingabeaufforderung auch „npm
install“ ein, um alle NPM-Module zu installieren
, die bereits in der Datei package.json enthalten sind.
Lassen Sie uns also einen kurzen Blick auf die package.json-Datei werfen, um zu sehen, was
alle verschiedenen NPM-Knoten-Module sind, die installiert werden. Wenn Sie
zu unserer Anwendung gehen,
sehen Sie in der Datei package.json, dass der Server mit dem Standardnamen
gerüstert wurde und Sie eine Reihe von Abhängigkeiten sehen, die hier deklariert werden.
Also, alle diese NPM-Module werden automatisch für
Sie von NPM installiert werden, wenn Sie „npm install“ in diesem Ordner eingeben.
So sehen Sie den Ordner „Node Module“, der hier erstellt wird.
Gehen Sie in das Terminal, geben Sie „npm install“ ein und lassen Sie es dann
mit der Installation aller verschiedenen NPM-Module fortfahren.
Sobald sie alle abgeschlossen sind,
sind wir bereit, mit unserer Express-Anwendung zu beginnen.
Sie würden feststellen, dass die Standard-Express-Anwendung bereits installiert wurde.
Also an der Eingabeaufforderung,
wenn Sie einfach npm start sagen,
wird die Standardanwendung gestartet und Sie können
mit Ihrem Standardbrowser navigieren, um zu sehen, was diese Anwendung dient.
Gehen Sie in Postman unter dem Adressblocktyp localhost:3000 und
senden Sie die Anfrage, und Sie werden sehen, dass Ihr Server
diese Standardinformationen von der Server-Site zurückgibt.
Dies ist also der Standard-Express-Server, der von Express Generator gerüstert wird.
Auf der Konsole werden hier Informationen wie diese angezeigt.
Das ist es, was Morgan auf dem Bildschirm ausdruckt, um die Anfragen zu zeigen.
Es zeigt also den Typ der Anforderung an welche URL
und die entsprechende Antwort, die vom Server an den Client zurückgesendet wurde.
Stoppen wir den Express-Server.
Lassen Sie uns ein Git-Repository initialisieren und dann
werden wir den Git-Status überprüfen und Sie werden sehen, dass die Knotenmodule enthalten sind.
Lassen Sie mich also zu meiner Anwendung wechseln und dann
eine gitignore Datei erstellen und dann in der gitignore Datei
die Knotenmodule als Datei angeben, die ich ignorieren möchte.
Dann komm ich zurück zum Terminal,
lass mich den Git-Status überprüfen und du siehst, dass
wir jetzt nur die Dateien einchecken werden, die Teil unserer Anwendung sind. Geben Sie
also an der Eingabeaufforderung git add ein
und sagen Sie dann, git status und Sie sehen, dass alle Dateien eingecheckt wurden.
Also, Sie sagen, git commit -m „Express Generator“.
Jetzt werden wir mit dieser Express-Anwendung fortfahren.
Wir hatten die drei Router bereits mit dem
Express-Router in der vorherigen Express-Anwendung, die wir implementiert haben, gebaut.
Wir werden diese drei Router zu dieser Anwendung kopieren, die wir mit
Express Generator generiert haben, und auch diese Anwendung einrichten, um diese drei Router zu nutzen.
Also, um das zu tun,
lassen Sie mich in den Ordner Node.Js gehen und dann
in den Knoten Express-Ordner und Routen gehen,
werde ich die dishRouter.js,
leaderRouter.js router.js und promoRouter.js kopieren, die ich
in der Zuweisung implementiert habe, und wir kommen zu
dem ConfusionServer, den ich haben gerade erstellt und in den Routenordner und kopieren Sie dann
die drei Express-Router, die wir dort erstellt haben. Wenn
wir nun die Datei app.js ändern,
können wir die REST-API mit
der Express-Anwendung unterstützen, die wir gerade gerüstert haben.
Einen kurzen Besuch in der Anwendung, die gerüstert wurde.
Wie ich in der vorherigen Vorlesung erwähnt habe,
ist die app.js der Ort, an dem alles beginnt.
Dies ist also die Standarddatei, so
dass Sie einige der Dinge sehen können, die Sie aus dem vorherigen Modul kennen.
Also, wir benötigen Express-Pfadlogger, der in diesem Fall Morgan ist.
CookieParser, den wir in einer der späteren Übungen verwenden werden und Sie
sehen auch, dass Sie zwei Routen importieren:
den Index und die Benutzer,
die bereits von Express für uns gerüstert sind.
Also, wir werden in den drei neuen Routern hier hinzufügen.
Also, ich werde nur sagen, var DishRouter benötigen Routen
DishRouter und dann werden sie diese kopieren und dann auch
den Promorouter und den LeaderRouter importieren
und wir werden diese einrichten, um hier verwendet zu werden.
Hier sehen Sie, dass der Index am
Schrägstrich gemountet wird und dann die Benutzer unter /users.
Also, wir sagen, App-Nutzung
und Geschirr DishRouter.
Es ist vier Uhr.
Promotions PromorOuter und Führer.
LeaderRouter. Das war's.
Unsere Express-Anwendung, die gerüstert wurde, ist jetzt alles eingerichtet,
um ein vollwertiger REST API Server zu sein, der für
Gerichte, Gerichte, Promotionen und Führer dienen wird.
Wenn Sie nun den Rest des Codes durchsuchen,
sieht er mit ein paar neuen Dingen vertraut aus.
Wir werden sie besuchen, wie und wenn wir brauchen, um ein bisschen mehr Details dort zu verstehen.
So können Sie sehen, dass der statische Server eingerichtet wurde,
der Logger dort eingerichtet wurde und einige von diesem andere- also
ist dieser ein globaler Handler für Fehler.
Wir werden sehen, wie wir es genauer nutzen können.
Und diese beiden sind zusätzliche Fehlerbehandlungsprogramme, die danach folgen.
Wir werden sehen, wie wir sie nutzen, wie wir weiter in dieser Anwendung implementieren.
Also, hier bemerken Sie all diese Informationen.
Nun fragen Sie sich, wo der Server selbst
für den lokalen Host konfiguriert ist und die Portnummer konfiguriert ist.
Nun, diese Informationen sind in dieser Datei namens bin/www.
Wenn Sie den Ordner bin/www öffnen,
sehen Sie hier weitere Informationen.
Also, es sagt, var app erfordern.. slash/app.
Also, aus dem bin-Ordner,
kommen Sie hier und dann,
diese app.js Datei ist hier erforderlich;
und so, das wird automatisch den Express und alles enthalten.
Und dann richten Sie hier
den HTTP-Server ein und richten die Portnummer ein.
Sie können auch Ihre eigene Portnummer an der Befehlszeile angeben,
aber im Moment werden wir den Standardwert verwenden, der 3000 ist,
und wir werden die Portnummer hier einrichten; und dann
sehen Sie den var Server http.CreateServer, den Sie zuvor gesehen haben,
und der Server wartet auf Dinge hier.
Und dann, auch, hier sind einige, die auf Ereignisse auf der Serverseite hören.
Darauf werden wir in einer der späteren Übungen zurückkommen.
Und dann unten sehen Sie einen zusätzlichen
Code, der Ihren Server so einrichtet, dass er
Fehler verarbeiten und auf eingehende Anfragen an der Portnummer warten kann und so weiter.
Im Moment, mach dir nicht zu viel Sorgen um diesen Code.
Wir werden diesen Code wiederholen, wann immer wir es benötigen,
und wir werden diesen Code so ändern, wie und wenn wir in einer der späteren Übungen benötigen.
Also, dort sind Ihre Serverinformationen alle dort eingerichtet.
Und app.js, wir haben bereits den Routenordner dort gesehen.
Index.js und users.js sind zwei Standardrouten, die bereits für uns eingerichtet sind.
Wir werden die users.js in einer der späteren Übungen verwenden.
Und im Öffentlichen Ordner,
lassen Sie uns fortfahren und kopieren Sie die index.html und
aboutus.html aus unserer Express-Anwendung auch in den öffentlichen Ordner.
Gehen Sie also zurück zum öffentlichen Ordner node-express.
Ich werde nur diese beiden kopieren.
Und dann kommen wir zurück zum Verwirrungsserver;
und dann, im Öffentlichen Ordner,
werde ich sie einfach an Ort und Stelle einfügen.
Im Moment sind dies Platzhalter.
Später werden wir sie durch andere Dinge ersetzen.
Mit diesen Änderungen
ist unser Server nun vollständig so eingerichtet, dass er als
REST-API-Server ausgeführt wird und alle REST-API-Endpunkte unterstützt.
Also, lassen Sie uns unseren Server starten. Geben Sie
also an der
Eingabeaufforderung npm start ein, und Ihr Server wird betriebsbereit sein.
Gehen wir zu PostBin und senden Sie ein paar Anfragen an diesen Server.
Lassen Sie uns nun eine get Anfrage an lokalen Host 3000/Gerichte senden,
und Sie werden feststellen, dass der REST API Server genau so funktioniert, wie wir es erwarten.
Wir senden eine Löschanfrage und es wird das Geschirr löschen.
Und dann lassen Sie uns
eine Löschanforderung an Werbeaktionen senden und Sie sehen, dass es wie zuvor funktioniert.
Und wir machen einen Beitrag zu Werbeaktionen
mit dem Body Fielding
und senden die Post-Anfrage,
und Sie werden sehen, dass es sagt:
„Wir werden den Promotion-Test mit detaillierter Beschreibung hinzufügen.“
Lassen Sie uns dies an die Führer zu senden.23,
aber setzen Sie Anfrage an die Führer.23 und Sie sollten sehen, dass es sagt: „Aktualisieren Führer 23.
Wird den Anführer aufrüsten.“ Sie sehen also, dass
der Express-Generator, der die Anwendung generiert hat und wir
es geändert haben, um die gesamten REST-API-Endpunkte zu unterstützen, die
wir in der vorherigen Version des Express-Routers konfiguriert haben.
Damit schließen wir diese Übung ab, in der wir gezeigt haben, wie wir
den Express-Generator verwenden können, um den REST-API-Endpunkt aufzubauen.
Nun, dies ist ein guter Zeitpunkt für uns, einen Git Kermit der Änderung mit der Meldung
„Express-Generator-REST-API“ zu machen.