Um unsere Anwendung weiterentwickeln zu können,
möchten wir einen einfachen Server einrichten
, der unsere Daten bereitstellt, die von unserer Anwendung benötigt werden.
Bisher haben wir nicht genug darüber gelernt, wie
wir einen Server einrichten können, der eine REST-API bereitstellt.
Stattdessen verwenden wir ein einfaches Knotenmodul namens json-server,
das uns hilft, schnell einen einfachen Server einzurichten, der Daten bereitstellt, die
ihm in Form einer JSON-Datei gegeben werden, und auch
Bilder bereitstellt, die von unserer Anwendung benötigt werden könnten.
Um zu beginnen,
lassen Sie uns fortfahren, um das json-Server-Knotenmodul zu installieren
und danach unseren json-Server in dieser Übung einzurichten.
Um zu beginnen, gehen Sie zu Ihrem geeigneten Speicherort
auf Ihrem Computer und erstellen Sie einen Ordner mit dem Namen json-server.
Der Grund, warum ich diesen Ordner erstelle, ist, dass ich alle Dateien
, die von meinem json-Server benötigt werden, in diesem bestimmten Ordner speichern kann.
Danach werden wir das json-server npm-Modul als globales MPM-Modul installieren.
Geben Sie dazu an der Eingabeaufforderung in Ihrem Terminal npm install minus g json-server ein
und lassen Sie dann die Installation
des json-server npm-Moduls als globales Modul abschließen.
Nun, falls Sie dies auf einem Linux oder einem Mac tun,
stellen Sie sicher, dass Sie sudo davor verwenden.
Sobald die Installation abgeschlossen ist,
gehen Sie zu den Anweisungen zum Einrichten des json-servers,
und dort stellen wir eine Datei mit dem Namen db.json zur Verfügung.
Laden Sie diese Datei herunter, benennen Sie sie als db.json und verschieben
Sie diese Datei in den Ordner json-server, den Sie im vorherigen Schritt erstellt haben.
Sie sehen jetzt, dass ich die Datei db.json bereits heruntergeladen
und dann diese Datei db.json in den Ordner json-server verschoben habe.
Darüber hinaus habe ich auch einen anderen Ordner
innerhalb des json-server-Ordners namens public erstellt.
Nun, was wir in diesen öffentlichen Ordner legen, wird von
unserem json-Server als Ressource zur Verfügung gestellt, die von unserem Server heruntergeladen werden kann.
Daher fungiert unser json-Server als ein einfacher statischer Webserver, der
uns helfen kann, Ressourcen wie Bilder oder sogar eine ganze Website bereitzustellen.
Wenn Sie möchten, können Sie das in den Öffentlichen Ordner kopieren und es
verfügbar machen, um vom json-Server bereitgestellt und in einem Browser angezeigt zu werden.
Als nächstes gehen Sie wieder zu den Anweisungen,
und laden Sie dann diesen ZIP-Dateinamen images.zip herunter,
und entpacken
Sie diese Datei, und dann erhalten Sie einen Ordner namens images
, der eine Reihe von PNG-Bildern enthält, die wir in unserer Anwendung verwenden werden.
Also, sobald der Ordner images bereit ist
, verschieben Sie den Ordner images in den öffentlichen Ordner, den wir
gerade im json-server Ordner erstellt haben. Wenn
Sie in unseren Ordner gehen,
werden Sie sehen, dass
ich innerhalb des Öffentlichen Ordners den Unterordner Bilder bereits in den öffentlichen Ordner verschoben habe,
und dies enthält alle Bilder, die für meine Anwendung nützlich sein werden.
Um Ihren json-server zu starten,
gehen Sie zum Ordner json-server in Ihrem Terminal und geben Sie an der
Eingabeaufforderung json-server und minus watch db.json ein.
Der Grund für die Verwendung dieses Watch-Flags
ist, dass dieser json-server die Datei bb.json überwachen wird,
und jedes Mal, wenn die Datei db.json geändert
wird, wird die Datei db.json neu geladen und die geänderten Daten vom Server bereitgestellt.
Darüber hinaus können wir auch ein Minus-d-Flag mit einem Wert geben
, z. B. 2.000,
was bedeutet, dass, wenn der Server eine Anfrage erhält, die
Daten nach einer Verzögerung von 2 Sekunden an den Anforderer zurücksenden wird.
Nun würde dies verwendet werden, um Verzögerungen beim Zugriff auf einen Server über das Internet zu simulieren.
Also, das ist der Grund, warum ich auch vorschlagen würde, das minus d
2.000 Flag für den json-Server zu verwenden.
Also, lassen Sie uns unseren json-Server starten,
und dann werden Sie feststellen, dass der json-Server startet
und alle Ressourcen deklariert, die vom json-Server verfügbar sind.
Sie können also sehen, dass es über eine Reihe von Ressourcen verfügt, die bei all diesen URLs verfügbar sind.
Darüber hinaus steht der öffentliche statische Server, der
statische Daten bereitstellt, unter dieser URL, localhost: 3000, zur Verfügung.
Jetzt können Sie zu jedem Browser gehen und dann, wenn Sie
localhost: 3000 und Schrägstrich Gerichte eingeben,
werden Sie sehen, dass dies unsere Daten in Form von JSON-Array hier bereitstellen wird.
Also, dies wird für unsere Anwendung nützlich sein.
In ähnlicher Weise können
Sie Führungslinien eingeben, und Sie werden wieder
die Daten sehen, die bereitgestellt werden usw.
Wenn Sie den localhost:3000 eingeben,
werden Sie sehen, dass der Server
die Daten als statischer Server bereitstellt und dann momentan leer ist.
Nun, wenn Sie auf die Bilder zugreifen möchten, die vom Server verfügbar sind,
kann ich einfach Bilder eingeben und den Namen einer PNG-Datei eingeben,
und dann werden Sie sehen, dass es das entsprechende Bild bereitstellen wird.
Nun, das ist sehr nützlich für uns,
da wir unsere Anwendung in diesem Kurs entwickeln.
Damit schließen wir diese Übung ab,
wo wir einen einfachen Server namens json-Server eingerichtet haben, um
Daten bereitzustellen und eine REST-API zu unterstützen, auf die wir von unserer Anwendung aus zugreifen können.