So installieren Sie einen JSON-Server auf einem Windows-Computer

In dieser Anleitung erfahren Sie, wie Sie einen JSON-Server auf Ihrem Windows-Computer installieren . Wenn Sie also Frontend-Entwickler sind oder einfach nur ein Anwärter, der APIs mit JSON als Datenquelle erkunden möchte, ist diese Anleitung genau das Richtige für Sie.

Was ist ein JSON-Server?

JSON steht für JavaScript Object Notation , ein leichtes Datenaustauschformat. JSON Server ist ein müheloses Tool auf Basis von Node.js, das es Entwicklern ermöglicht, eine RESTful-API zu imitieren, indem sie eine JSON-Datei als Datenquelle verwenden. Dies ist besonders nützlich für Frontend-Entwickler, da sie Mock-APIs erstellen können, ohne komplizierten Server-Code schreiben zu müssen, wenn noch keine Backend-API verfügbar ist. Wenn Sie also einen Client-Computer verwenden und keinen Zugriff auf eine Backend-API oder eine Datenbank haben, ist JSON-Server Ihre beste Wahl.

Installieren Sie den JSON-Server auf einem Windows-Computer

Um einen JSON-Server auf einem Windows-Computer zu installieren, verwenden wir die Visual Studio Code IDE. Befolgen Sie dazu die unten aufgeführten Schritte.

1. Herunterladen und Installieren von Visual Studio Code
2. JSON-Server installieren
3. Erstellen einer JSON-Datei mit Visual Studio Code
4. Starten Sie Ihren JSON-Server

Lassen Sie uns ausführlich darüber sprechen.

1] Laden Sie Visual Studio Code herunter und installieren Sie es

Zunächst müssen wir Visual Studio Code von code.visualstudio.com herunterladen . Es handelt sich um eine kostenlose IDE von Microsoft, die wir im Folgenden zum Erstellen einer JSON-Datei verwenden werden. Wenn Sie den oben genannten Link aufrufen, klicken Sie unbedingt auf das Windows-Symbol, da dieses Tutorial für Windows ist.

2] JSON-Server installieren

Jetzt müssen wir den JSON-Server auf Ihrem Computer installieren. Öffnen Sie zunächst den Datei-Explorer und navigieren Sie zu Ihrem Projekt. Klicken Sie dann mit der rechten Maustaste auf eine Stelle und wählen Sie Terminal > Eingabeaufforderung. Führen Sie abschließend den folgenden Befehl aus, um den JSON-Server zu installieren.

npm install -g json-server

Der JSON-Server ist nicht global auf Ihrem Computer installiert. Falls Sie ihn lokal, nur für eine bestimmte Anwendung, benötigen, müssen Sie den unten genannten Befehl verwenden.

npm i json-server

So können Sie einen JSON-Server auf Ihrem Computer installieren.

3] Erstellen Sie eine JSON-Datei mit Visual Studio Code

Nachdem wir JSON Server auf unserem Computer installiert haben, können wir eine JSON-Datei erstellen, die als Datenbank für unser Projekt fungiert. Öffnen Sie dazu Visual Studio Code über das Startmenü. Klicken Sie nach dem Öffnen von VS Code auf Datei > Ordner und navigieren Sie dann zum Speicherort Ihres Projekts (mit dem Befehl cd).

Klicken Sie nach dem Öffnen des Ordners auf das Symbol „Neue Datei“ und geben Sie <Dateiname>.json ein. Wir geben Ihnen einen Beispielcode, den Sie dort einfügen können.

Wir werden eine Beispiel-API entwickeln, die Anfragen an einen Endpunkt sendet. Diese API antwortet auf HTTP-Anfragen und ist daher eine gute Wahl für Front-End-Entwickler, die ihre Projekte schnell entwickeln müssen. Der JSON-Server wird zum Erstellen dieser API verwendet, sodass Entwickler CRUD-Operationen (Erstellen, Lesen, Aktualisieren und Löschen) durchführen und Daten im JSON-Format speichern können. JSON-Daten sind mit Schlüssel-Wert-Paaren strukturiert und werden im folgenden Format geschrieben:

json-server --watch db.json

Sie werden aufgefordert, den Zugriff auf Node.JS Javascript Runtime über private und öffentliche Netzwerke zuzulassen. Klicken Sie auf „Zulassen“. Der Befehl wird ausgeführt und gibt eine Ausgabe aus. Sie müssen die unten angegebene URL in den Index eingeben und in einen Browser einfügen, um den JSON-Server zu öffnen.

Der JSON-Server wird gestartet und Sie können die von Ihnen eingegebenen Werte sehen. Die Eigenschaften werden auf dem Bildschirm angezeigt und wenn Sie auf eine davon klicken, werden die zugehörigen Werte angezeigt.

Das ist es!

Wie installiere ich einen JSON-Server unter Windows?

Um den JSON-Server auf Ihrem Windows-Computer zu installieren, müssen Sie den Befehl „ npm install -g json-server“ ausführen. Dadurch wird der Server global installiert. Um ihn lokal zu installieren, legen Sie Ihr Arbeitsverzeichnis auf den Speicherort Ihres Projekts fest und führen Sie dann „npm i json-server“ aus.

Wie führe ich JSON unter Windows aus?

Wir können die JSON-Datei über die Eingabeaufforderung ausführen. Öffnen Sie also den Datei-Explorer, navigieren Sie zu dem Verzeichnis, in dem sich Ihre JSON-Datei befindet, klicken Sie mit der rechten Maustaste und wählen Sie Terminal. Führen Sie dann json-server –watch db.json aus.