Beispiel für JSON -Server

Dieses Beispiel für JSON-Server ist Teil einer Artikelserie, die Mitte 2017 mit aktuellen Informationen und neuen Beispielen umgeschrieben wurde.

Der JSON-Server ist ein beliebtes Tool für Front-End-Entwickler, um in weniger als einer Minute schnell eine vollständig gefälschte Rast-API einzurichten. Sie müssen es zuerst über NPM installieren:

<span>npm install -global json-server
</span>

Speichern Sie als nächstes einige Daten in einer JSON -Datei und nennen Sie es db.json:

<span>{
</span>  <span>"clients": [
</span>    <span>{
</span>      <span>"id": "59761c23b30d971669fb42ff",
</span>      <span>"isActive": true,
</span>      <span>"age": 36,
</span>      <span>"name": "Dunlap Hubbard",
</span>      <span>"gender": "male",
</span>      <span>"company": "CEDWARD",
</span>      <span>"email": "dunlaphubbard@cedward.com",
</span>      <span>"phone": "+1 (890) 543-2508",
</span>      <span>"address": "169 Rutledge Street, Konterra, Northern Mariana Islands, 8551"
</span>    <span>},
</span>    <span>{
</span>      <span>"id": "59761c233d8d0f92a6b0570d",
</span>      <span>"isActive": true,
</span>      <span>"age": 24,
</span>      <span>"name": "Kirsten Sellers",
</span>      <span>"gender": "female",
</span>      <span>"company": "EMERGENT",
</span>      <span>"email": "kirstensellers@emergent.com",
</span>      <span>"phone": "+1 (831) 564-2190",
</span>      <span>"address": "886 Gallatin Place, Fannett, Arkansas, 4656"
</span>    <span>},
</span>    <span>{
</span>      <span>"id": "59761c23fcb6254b1a06dad5",
</span>      <span>"isActive": true,
</span>      <span>"age": 30,
</span>      <span>"name": "Acosta Robbins",
</span>      <span>"gender": "male",
</span>      <span>"company": "ORGANICA",
</span>      <span>"email": "acostarobbins@organica.com",
</span>      <span>"phone": "+1 (882) 441-3367",
</span>      <span>"address": "697 Linden Boulevard, Sattley, Idaho, 1035"
</span>    <span>}
</span>  <span>]
</span><span>}
</span>

Starten Sie schließlich den Server mit dem folgenden Befehl:

json-server <span>--watch src/db.json
</span>

Sie können jetzt mit einem geeigneten Client auf die einfache REST -API zugreifen. Im Moment wird es ein moderner Browser wie Chrom, Firefox oder Safari tun. Öffnen Sie http: // localhost: 3000/clients und Sie sehen Ihre gesamte Miniaturdatenbank im JSON -Format. Sie können Elemente per ID ansehen, indem Sie das Anforderungsformat http: // localhost: 3000/clients/{id} verwenden. Zum Beispiel wird die Eröffnung http: // localhost: 3000/clients/59761c233d8d0f92a6b0570d:

ergibt

<span>{
</span>  <span>"id": "59761c233d8d0f92a6b0570d",
</span>  <span>"isActive": true,
</span>  <span>"age": 24,
</span>  <span>"name": "Kirsten Sellers",
</span>  <span>"gender": "female",
</span>  <span>"company": "EMERGENT",
</span>  <span>"email": "kirstensellers@emergent.com",
</span>  <span>"phone": "+1 (831) 564-2190",
</span>  <span>"address": "886 Gallatin Place, Fannett, Arkansas, 4656"
</span><span>}
</span>

Um mehr über den JSON-Server zu erfahren, lesen Sie die Tutorial Mock Rest-APIs mit JSON-Server

Außerdem: Weitere JSON -Beispiele finden Sie

Hier sind die anderen Beispiele in dieser Serie:

• Farben JSON Beispiel
• Google Maps JSON Beispiel
• youtube json Beispiel
• Twitter JSON Beispiel
• Geoip JSON Beispiel
• WordPress json Beispiel
• Datenbank JSON Beispiel
• lokales Rest JSON Beispiel
• Testdaten JSON Beispiel

häufig gestellte Fragen (FAQs) zu JSON Server

Was ist der Hauptzweck bei der Verwendung von JSON -Server? Es ermöglicht Entwicklern, Anwendungen zu prototypisieren und zu entwickeln, ohne ein komplexes Backend einrichten zu müssen. Dies ist besonders nützlich, wenn Sie Ihren Front-End-Code schnell mit einem Mock-Backend testen möchten. Es wird eine JSON -Datei zum Erstellen der Datenbank verwendet und alle Standard -REST -API -Endpunkte außerhalb des Feldes erstellt.

Wie kann ich JSON -Server installieren? Sie können es global in Ihrem System installieren, indem Sie den Befehl npm install -g json -server in Ihrem Terminal oder Eingabeaufforderung ausführen. Nach der Installation können Sie den Server mit dem Befehl JSON-Server--Watch db.json starten, wobei db.json Ihre Datenbankdatei ist. In dieser Datei können Sie Routen an verschiedene JSON -Objekte abbilden. Wenn Sie beispielsweise/api/posts in/posts zu kartieren möchten, definieren Sie es als {"/api/posts": "/posts"} in Ihrer Datei routes.json. Anschließend können Sie den Server mit der Routes-Datei starten, indem Sie JSON-Server--Watch db.json-routes Routes.json.

ausführen.

Kann ich JSON Server für die Produktion verwenden? Es fehlen die Sicherheits- und Leistungsoptimierungen, die für eine Produktionsumgebung erforderlich sind. Für die Produktion sollten Sie eine ordnungsgemäße Datenbank- und Server -Setup verwenden.

Wie kann ich meinen JSON -Server Daten hinzufügen? Diese Datei fungiert als Ihre Datenbank, und jeder Schlüssel im JSON -Objekt entspricht einer anderen Ressource. Wenn Sie beispielsweise einen neuen Beitrag hinzufügen möchten, würden Sie dem Post -Array in Ihrer db.json -Datei ein neues Objekt hinzufügen.

Wie kann ich Daten in JSON -Server filtern? Wenn Sie beispielsweise alle Beiträge mit dem Titel „Hallo Welt“ erhalten möchten, würden Sie eine Get -Anfrage an /posts senden? Titel = Hallo Welt. Dadurch wird alle Beiträge zurückgegeben, in denen der Titel "Hello World" ist.

Kann ich JSON-Server mit anderen Programmiersprachen verwenden? Dies umfasst JavaScript, Python, Ruby, Java und viele andere. Wenn Sie beispielsweise die ersten 10 Beiträge erhalten möchten, senden Sie eine Get -Anfrage an /posts? _Page = 1 & _limit = 10. Dadurch werden die ersten 10 Beiträge zurückgegeben.

Kann ich Daten in JSON Server sortieren? Wenn Sie beispielsweise Beiträge nach dem Titel in aufsteigender Reihenfolge sortieren möchten, würden Sie eine GET -Anforderung an /posts senden? _Sort = title & _order = asc.

Wie kann ich Daten auf JSON -Server aktualisieren? Wenn Sie beispielsweise den Titel eines Beitrags aktualisieren möchten, senden Sie eine Put- oder Patch -Anfrage an /posts /1, wobei 1 die ID des Beitrags ist, mit dem neuen Titel in der Anfrage.

Das obige ist der detaillierte Inhalt vonBeispiel für JSON -Server. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!