JSON-Server ist ein sehr bemerkenswerter Vorteil für Programmierer, insbesondere wenn Sie eine gefälschte REST-API für Entwicklungs- und Testzwecke erstellen möchten. Es ermöglicht dem Benutzer, eine API in weniger als einer Minute zu generieren. Bevor wir mit der Implementierung fortfahren, wollen wir verstehen, was JSON Server leisten kann.
Der JSON-Server verwendet eine einfache JavaScript Datei oder JSON-Datei zur Verwaltung von Datenbankvorgängen wie GET, POST, PUT, PATCH und DELETE. Es bietet Entwicklern Flexibilität, da es mit Front-End-Technologien wie Angular, React, Vue usw. arbeitet.
// Installation npm install -g json-server // To start JSON Server json-server --watch db.json
Die Vorteile von JSON Server
- Es ermöglicht eine vollständige gefälschte REST-API ohne Codierung in wenigen Sekunden.
- Es unterstützt alle wesentlichen HTTP-Anfragen: GET, POST, PUT, PATCH, DELETE.
- Es unterstützt Verzögerungsreaktionen und generiert Daten mithilfe von JS.
- Es ermöglicht eine schnelle Backend-Einrichtung für Prototyping und Mockups
- Es umfasst Funktionen wie Sortieren, Slicing, Filtern und Volltextsuche.
JSON-Server in Aktion
Der Einstieg in die Verwendung von JSON Server ist sehr einfach. Nach der Installation müssen Sie lediglich eine JSON-Datei generieren, die als verschiedene Endpunkte Ihrer API fungiert. Sie können die Daten in der JSON-Datei nachahmen, so wie sie im Allgemeinen in einer realen Datenbank aussehen.
{
"users": [
{ "id": 1, "name": "John", "email": "john@example.com" },
{ "id": 2, "name": "Kane", "email": "kane@example.com" }
],
"posts": [
{ "id": 1, "title": "json-server", "author": "John" }
],
"comments": [
{ "id": 1, "body": "It's amazing", "postId": 1 }
],
"profile": {
"name": "typicode"
}
}
Die obige JSON-Datei erstellt eine Datenbank mit USERS, POSTS, COMMENTS und PROFILE als verschiedenen Tabellen. Der JSON-Server behandelt jeden Schlüssel der obersten Ebene als Endpunkt.
Zugriff auf die JSON-Daten
Auf die JSON-Daten kann über verschiedene Endpunkte zugegriffen werden (im Serverszenario auch als Routen bezeichnet). Wenn Sie beispielsweise alle Benutzer sehen möchten, können Sie den Endpunkt /users anfordern.
fetch('http://localhost:3000/users')
.then(response => response.json())
.then(data => console.log(data));
Hier verwenden wir die Fetch-API von JavaScript, um die Route des Benutzers anzufordern. Der Server antwortet mit den Daten zu allen Benutzern, die wir zuvor in der JSON-Datei eingerichtet haben.
Zusammenfassend lässt sich sagen: Die Verwendung eines JSON-Servers als simulierte REST-API für die Entwicklung wird die Produktivität Ihres Entwicklungsworkflows erheblich verbessern. Darüber hinaus lässt es sich mühelos einrichten und in Ihren Prozess integrieren.
