JSon-Test-REST-Server<\/a> in 10 Minuten.<\/p>\n\r\n\r\nsudo npm install -g json-server\r\n\r\n# dann legen wir eine JSon Datei an, die der Server zur\u00fcckliefert\r\nvi db.json \r\n# mit dem Inhalt:\r\n\r\n{\r\n \"posts\": [\r\n { \"id\": 1, \"title\": \"Beispiel json-server\", \"author\": \"Thomas Wenzlaff\" }\r\n ],\r\n \"comments\": [\r\n { \"id\": 1, \"body\": \"some comment\", \"postId\": 1 }\r\n ],\r\n \"profile\": { \"name\": \"typicode\" }\r\n}\r\n\r\n# nun starten wir den Server mit\r\njson-server --watch db.json\r\n# es kommt dann diese Startmeldung:\r\n \\{^_^}\/ hi!\r\n\r\n Loading db.json\r\n Done\r\n\r\n Resources\r\n http:\/\/localhost:3000\/posts\r\n http:\/\/localhost:3000\/comments\r\n http:\/\/localhost:3000\/profile\r\n\r\n Home\r\n http:\/\/localhost:3000\r\n\r\n Type s + enter at any time to create a snapshot of the database\r\n Watching...\r\n\r\nGET \/posts 200 104.908 ms - 77\r\nGET \/posts\/1 200 33.546 ms - 63\r\n\r\n# 1. Abfrage in neuer Konsole mit lynx Browser\r\nlynx http:\/\/localhost:3000\/posts\/1\r\n\r\n# und speichern des Ergebnis\r\n{\r\n \"id\": 1,\r\n \"title\": \"Beispiel json-server\",\r\n \"author\": \"Thomas Wenzlaff\"\r\n}\r\n<\/pre>\nOder auch ein weiteres Beispiel mit einer users.json Beispiel Datei:<\/p>\n
{\r\n \"users\": [\r\n { \"id\": 1, \"name\": \"Thomas Wenzlaff\" },\r\n { \"id\": 2, \"name\": \"Jane Smith\" },\r\n { \"id\": 3, \"name\": \"Alice Johnson\" }\r\n ]\r\n}<\/pre>\nStart dann mit
\njson-server –watch users.json<\/strong>
\nAbfrage dann
\nhttp:\/\/localhost:3000\/users<\/strong><\/p>\nVerwendung von JSON-Server<\/p>\n
Sobald der JSON-Server l\u00e4uft, k\u00f6nnen Sie auf die API-Endpunkte zugreifen und mit den Daten interagieren. Hier sind einige Beispiele f\u00fcr die Verwendung von JSON-Server:<\/p>\n
GET-Anfrage: Um alle Benutzer abzurufen, senden Sie eine GET-Anfrage an http:\/\/localhost:3000\/users. Sie erhalten eine JSON-Antwort mit allen Benutzerdaten.<\/p>\n
POST-Anfrage: Um einen neuen Benutzer hinzuzuf\u00fcgen, senden Sie eine POST-Anfrage an http:\/\/localhost:3000\/users mit den entsprechenden Daten im Anfragek\u00f6rper.<\/p>\n
PUT-Anfrage: Um einen vorhandenen Benutzer zu aktualisieren, senden Sie eine PUT-Anfrage an http:\/\/localhost:3000\/users\/:id, wobei :id die ID des Benutzers ist, den Sie aktualisieren m\u00f6chten.<\/p>\n
DELETE-Anfrage: Um einen Benutzer zu l\u00f6schen, senden Sie eine DELETE-Anfrage an http:\/\/localhost:3000\/users\/:id, wobei :id die<\/p>\n
Noch besser ist, man kann leicht Testdaten automatisch erzeugen. Z.B. 1000 User. Daf\u00fcr eine index.js Datei mit diesen Inhalt anlegen:<\/p>\n
\r\n\r\n\/\/ index.js\r\nmodule.exports = () => {\r\n const data = { users: [] }\r\n \/\/ Erzeuge 1000 users\r\n for (let i = 0; i < 1000; i++) {\r\n data.users.push({ id: i, name: `user${i}` })\r\n }\r\n return data\r\n}<\/pre>\nStart dann mit
\njson-server –watch index.js<\/strong>
\nAbfrage dann aller User
\nhttp:\/\/localhost:3000\/users<\/strong>
\noder den mit der Nummer 998
\nlynx http:\/\/localhost:3000\/users\/998<\/strong><\/p>\nEs k\u00f6nnen auch statische Webseiten<\/strong> ausgeliefert werden.<\/p>\nWeitere Infos, siehe auf der typicode JSON-Server Seite<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"In der Welt der Webentwicklung ist es oft notwendig, mit Daten zu arbeiten, die \u00fcber eine REST-API bereitgestellt werden. Bei der Entwicklung von Frontend-Anwendungen m\u00fcssen Entwickler h\u00e4ufig mit Mock-APIs arbeiten, um ihre Anwendungen unabh\u00e4ngig von der tats\u00e4chlichen Backend-Implementierung zu testen. JSON-Server ist eine gro\u00dfartige L\u00f6sung f\u00fcr dieses Problem. In diesem Artikel werden wir uns mit … <\/p>\n
\u201eNode (npm) auf dem Raspberry PI Zero installieren und eine einfache L\u00f6sung f\u00fcr das Mocking von API-Endpunkten mit JSON-REST-Server\u201c <\/span>weiterlesen<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[220,2173,566,808,1023,2752],"tags":[5429,503,2475,5430,1531,2789],"class_list":["post-20258","post","type-post","status-publish","format-standard","hentry","category-anleitung","category-debian","category-hardware","category-linux-2","category-raspberry-pi","category-raspberry-pi-zero-w","tag-armv6l","tag-install","tag-node","tag-nodejs","tag-npm","tag-zero"],"_links":{"self":[{"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/posts\/20258","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=20258"}],"version-history":[{"count":0,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/posts\/20258\/revisions"}],"wp:attachment":[{"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=20258"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=20258"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=20258"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2023\/07\/gehirn.webp\")
<\/p>\n![\"\"](\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2023\/07\/glass.webp\")
<\/p>\n