JSON-server er en svært bemerkelsesverdig ressurs for programmerere, spesielt når du vil lage en falsk REST API for utviklings- og testformål. Det gjør det mulig for brukeren å generere en API på mindre enn ett minutt. Før vi fortsetter med implementeringen, la oss forstå hva JSON Server kan gjøre.
JSON-serveren bruker en enkel Javascript fil eller JSON-fil for å vedlikeholde databaseoperasjoner som GET, POST, PUT, PATCH og DELETE. Det gir fleksibilitet til utviklerne ettersom det fungerer med front-end-teknologier som Angular, React, Vue, etc.
// Installation npm install -g json-server // To start JSON Server json-server --watch db.json
Fordelene med JSON Server
- Den muliggjør fullstendig falsk REST API med nullkoding på noen få sekunder.
- Den støtter alle viktige HTTP-forespørsler: GET, POST, PUT, PATCH, DELETE.
- Den støtter forsinkelsessvar og genererer data ved hjelp av JS.
- Det gir raskt oppsett av backend for prototyping og mockups
- Den inkluderer funksjoner som sortering, skjæring, filtrering og fulltekstsøk.
JSON-server i aksjon
Det er veldig enkelt å begynne å bruke JSON Server. Etter installasjonen er alt du trenger å generere en JSON-fil som vil fungere som forskjellige endepunkter for API-en din. Du kan håne dataene i JSON-filen om hvordan du generelt ser i en virkelig database.
{
"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"
}
}
JSON-filen ovenfor etablerer en database med BRUKERE, INNLEGG, KOMMENTARER og PROFIL som sine forskjellige tabeller. JSON-serveren behandler hver nøkkel på toppnivå som et endepunkt.
Få tilgang til JSON-dataene
JSON-dataene vil være tilgjengelige på forskjellige endepunkter (også kjent som ruter i serverscenariet). Hvis du for eksempel vil se alle brukerne, kan du be om endepunktet /users.
fetch('http://localhost:3000/users')
.then(response => response.json())
.then(data => console.log(data));
Her bruker vi JavaScripts hente-API for å be om brukerruten. Serveren vil svare med dataene knyttet til alle brukerne vi satte opp i JSON-filen tidligere.
For å oppsummere, bruk av en JSON-server som en falsk REST API for utvikling vil dramatisk forbedre produktiviteten til utviklingsarbeidsflyten din. Dessuten er det enkelt å sette opp og integrere med prosessen din.
