I denne guiden vil vi sehvordan du installerer en JSON-server på din Windows-datamaskin. Så hvis du er en front-end-utvikler eller bare en aspirant som ønsker å utforske APIer med JSON som datakilde, er denne veiledningen for deg.
Hva er en JSON-server?
JSONstår forJavaScript-objektnotasjon, et lett datautvekslingsformat. JSON Server er et enkelt verktøy basert på Node.js som gjør det mulig for utviklere å etterligne en RESTful API ved å bruke en JSON-fil som datakilde. Dette er spesielt nyttig for frontend-utviklere ettersom de kan lage mock APIer uten å måtte skrive intrikat server-side kode når en backend API ennå ikke er tilgjengelig. Så hvis du bruker en klientdatamaskin, og du ikke har tilgang til et backend API eller en database, er JSON-server det beste alternativet.
For å installere en JSON-server på en Windows-datamaskin, bruker vi Visual Studio Code IDE. For å gjøre det, følg trinnene nevnt nedenfor.
- Last ned og installer Visual Studio Code
- Installer JSON Server
- Lag en JSON-fil med Visual Studio Code
- Start JSON-serveren din
La oss snakke om dem i detalj.
1] Last ned og installer Visual Studio Code
Først av alt må vi laste ned Visual Studio Code fracode.visualstudio.com. Det er en gratis IDE fra Microsoft som vi skal bruke for å lage en JSON-fil heretter. Når du går til lenken som er nevnt tidligere, sørg for å klikke påWindowsikonet da denne opplæringen er for Windows.
2] Installer JSON Server
Nå må vi installere JSON-serveren på datamaskinen din. Først åpner du filutforskeren og navigerer til prosjektet ditt. Høyreklikk deretter på et mellomrom og velgTerminal > Ledetekst.Til slutt, kjør følgende kommando for å installere JSON-serveren.
npm install -g json-server
JSON-serveren er ikke installert globalt på datamaskinen din. I tilfelle du trenger det lokalt, for bare en bestemt applikasjon, er kommandoen nevnt nedenfor det du trenger å bruke.
npm i json-server
Det er slik du kan installere en JSON-server på datamaskinen din.
3] Opprett en JSON-fil ved hjelp av Visual Studio Code
Etter å ha installert JSON Server på datamaskinen vår, kan vi gå videre og lage en JSON-fil som fungerer som en database for prosjektet vårt. For å gjøre det samme, åpneVisual Studio-kodefra Start-menyen. Etter å ha åpnet VS Code, klikk påFil > Mappe,og naviger deretter til prosjektets plassering (ved hjelp av cd-kommandoen).
Etter å ha åpnet mappen, klikk påNy filikonet, og skriv inn<filename> .json. Vi vil gi deg en prøvekode som du kan lime inn der.
Vi vil utvikle et eksempel-API som sender forespørsler til et endepunkt. Denne API-en vil svare på HTTP-forespørsler, noe som gjør den til et godt valg for front-end-utviklere som trenger å utvikle prosjektene sine raskt. JSON-serveren vil bli brukt til å lage denne API-en, slik at utviklere kan utføre opprette, lese, oppdatere og slette (CRUD) operasjoner og lagre data i JSON-formatet. JSON-data er strukturert med nøkkelverdi-par og er skrevet i følgende format:
{
"name": "Gregg",
"emp-ID": 101,
"gender": "Male",
"team": "Database"
}Her er "navn", "emp-ID", "kjønn" og "lag".Egenskaper,og "Gregg", "101", "Mann" og "Database" erVerdierknyttet til disse egenskapene.
Definer data i JSON-filen. Det kan være en rekke objekter eller et objekt med nestede objekter. Hvert objekt skal ha en unik ID.
4] Start JSON-serveren
Siden vi har laget JSON-filen, la oss starte opp serveren. For å gjøre det samme, åpne kommandoprompt, naviger til prosjektets plassering ved å bruke cd-kommandoen og kjør følgende kommando.
json-server --watch db.json
Du vil bli bedt om å tillateNode.JS Javascript Runtimefor å få tilgang til private og offentlige nettverk, klikk påTillate. Kommandoen vil kjøre og gi en utgang. Du må URL nevnt nedenfor Index og lime den inn i en nettleser for å åpne JSON-serveren.
JSON-serveren vil starte, og du vil kunne se verdiene du har lagt inn. Egenskapene vil vises på skjermen, og når du klikker på en av dem, vil du se de tilhørende verdiene.
Det er det!
Lese:
Hvordan installerer jeg JSON-serveren på Windows?
For å installere JSON-serveren på din Windows-datamaskin, må du kjøre kommandoen -npm installer -g json-server.Dette vil installere serveren globalt, for å installere den lokalt, sett arbeidskatalogen til der prosjektet er plassert og kjør deretternpm i json-serveren.
Lese:
Hvordan kjører jeg JSON i Windows?
Vi kan kjøre JSON-filen fra ledeteksten. Så åpne File Explorer, naviger til katalogen der JSON-filen din er plassert, høyreklikk og velg Terminal. Så løpjson-server – se db.json.
Les også:.
