Heim >Web-Frontend >js-Tutorial >Lokale Ruhe -JSON -Datei
Diese Artikelserie wurde Mitte 2017 mit aktuellen Informationen und neuen Beispielen umgeschrieben.
In der modernen Webentwicklung ist es üblich, API -Dienste für die Verbindung von Anwendungen mit Datenbanken einzurichten. Oft verwenden API -Dienste XML- oder JSON -Formate, um Daten zwischen dem Client und dem Server auszutauschen.In diesem Beispiel werden wir uns einen benutzerdefinierten NodeJS -API -Dienst ansehen, der mit FeathersJs erstellt wurde. Wenn Sie dies noch nicht getan haben, laden Sie das Projekt wie in der Seite "Intro JSON -Beispiele dokumentiert" herunter.
Stellen Sie als nächstes sicher, dass Sie MongoDB auf Ihrem System laufen lassen. Standardmäßig greift der API -Dienst auf eine Datenbank namens API auf und erstellt oder überschreibt eine Sammlung namens Kunden. Sie können Ihre eigenen Datenbankverbindungsparameter in der folgenden Datei -API/config/default.json einrichten, wenn Sie diese ändern müssen:
<span>// api/config/default.json` </span> <span>{ </span> <span>"host": "localhost", </span> <span>"port": 3030, </span> <span>"public": "../public/", </span> <span>"paginate": { </span> <span>"default": 10, </span> <span>"max": 50 </span> <span>}, </span> <span>"mongodb": "mongodb://localhost:27017/api" </span><span>} </span>
Als nächstes installieren Sie Abhängigkeiten und starten Sie den API -Server:
<span>cd api </span><span>npm install </span><span>npm start </span>
Nach einigen Sekunden werden einige gefälschte Daten generiert, und dann ist der API -Dienst bereit, Anfragen zu stellen. Starten Sie Ihren Browser mit der URL: http: // localhost: 3030/Kunden. Sie sollten von generierten Kundendaten im JSON -Format begrüßt werden. Unten ist die Ausgabe in hübschem Format:
Teilausgabe:
<span>{ </span> <span>"total": 25, </span> <span>"limit": 10, </span> <span>"skip": 0, </span> <span>"data": [{ </span> <span>"_id": "5968fcad629fa84ab65a5247", </span> <span>"first_name": "Sabrina", </span> <span>"last_name": "Mayert", </span> <span>"address": "69756 Wendy Junction", </span> <span>"phone": "1-406-866-3476 x478", </span> <span>"email": "donny54@yahoo.com", </span> <span>"updatedAt": "2017-07-14T17:17:33.010Z", </span> <span>"createdAt": "2017-07-14T17:17:33.010Z", </span> <span>"__v": 0 </span> <span>}, { </span> <span>"_id": "5968fcad629fa84ab65a5246", </span> <span>"first_name": "Taryn", </span> <span>"last_name": "Dietrich", </span> <span>"address": "42080 Federico Greens", </span> <span>"phone": "(197) 679-7020 x98462", </span> <span>"email": "betty_schaefer1@gmail.com", </span> <span>"updatedAt": "2017-07-14T17:17:33.006Z", </span> <span>"createdAt": "2017-07-14T17:17:33.006Z", </span> <span>"__v": 0 </span> <span>}, </span> <span>... </span> <span>] </span><span>} </span>
Sie können dann diese JSON-Daten verwenden, um Ihre Front-End-Ansichten zu füllen. Das Schöne an JSON ist, dass es die zugrunde liegende Technologie abstrahiert, die Ihre Datenbank ausführt. Sie können problemlos zu einem anderen Datenbanktyp wechseln, ohne Ihre Front-End-Logik zu ändern.
Hier sind die anderen Beispiele in dieser Serie:Das obige ist der detaillierte Inhalt vonLokale Ruhe -JSON -Datei. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!