In deze gids zullen we zien hoe u een JSON-server op uw Windows-computer installeert . Dus als u een front-endontwikkelaar bent of gewoon een aspirant die API's met JSON als gegevensbron wil verkennen, dan is deze handleiding iets voor u.
Wat is een JSON-server?
JSON betekent JavaScript-objectnotatie , een lichtgewicht gegevensuitwisselingsformaat. JSON Server is een moeiteloze tool gebaseerd op Node.js waarmee ontwikkelaars een RESTful API kunnen nabootsen door een JSON-bestand als gegevensbron te gebruiken. Dit is vooral handig voor front-end-ontwikkelaars, omdat ze nep-API's kunnen maken zonder ingewikkelde server-side code te hoeven schrijven als er nog geen back-end-API beschikbaar is. Dus als u een clientcomputer gebruikt en geen toegang heeft tot een backend-API of een database, is een JSON-server uw beste keuze.
Installeer JSON-server op Windows-computer
Om een JSON-server op een Windows-computer te installeren, gebruiken we de Visual Studio Code IDE. Volg hiervoor de onderstaande stappen.
- Download en installeer Visual Studio Code
- Installeer JSON-server
- Maak een JSON-bestand met Visual Studio Code
- Start uw JSON-server
Laten we er in detail over praten.
1] Download en installeer Visual Studio Code
Allereerst moeten we de Visual Studio Code downloaden van code.visualstudio.com . Het is een gratis IDE van Microsoft die we zullen gebruiken om hierna een JSON-bestand te maken. Zodra u naar de eerder genoemde link gaat, klikt u op de ramen omdat deze tutorial voor Windows is.
2] Installeer JSON-server
Nu moeten we de JSON-server op uw computer installeren. Open eerst de bestandsverkenner en navigeer naar uw project. Klik vervolgens met de rechtermuisknop op een spatie en selecteer Terminal > Opdrachtprompt. Voer ten slotte de volgende opdracht uit om de JSON-server te installeren.
npm install -g json-server
De JSON-server is niet wereldwijd op uw computer geïnstalleerd. Als u het lokaal nodig heeft, voor slechts een bepaalde toepassing, is de onderstaande opdracht wat u moet gebruiken.
npm i json-server
Zo kunt u een JSON-server op uw computer installeren.
3] Maak een JSON-bestand met Visual Studio Code
Nadat we JSON Server op onze computer hebben geïnstalleerd, kunnen we doorgaan en een JSON-bestand maken dat fungeert als een database voor ons project. Om hetzelfde te doen, opent u Visual Studio-code vanuit het Startmenu. Na het openen van VS Code klikt u op Bestand > Map, en navigeer vervolgens naar de locatie van uw project (met behulp van de opdracht cd).
Nadat u de map hebt geopend, klikt u op de Nieuw bestand pictogram en voer
We zullen een voorbeeld-API ontwikkelen die verzoeken naar een eindpunt verzendt. Deze API reageert op HTTP-verzoeken, waardoor het een uitstekende keuze is voor front-end-ontwikkelaars die hun projecten snel moeten ontwikkelen. De JSON-server zal worden gebruikt om deze API te maken, waardoor ontwikkelaars CRUD-bewerkingen kunnen uitvoeren, lezen, bijwerken en verwijderen en gegevens kunnen opslaan in het JSON-formaat. JSON-gegevens zijn gestructureerd met sleutel-waardeparen en zijn geschreven in de volgende indeling:
{
"name": "Gregg",
"emp-ID": 101,
"gender": "Male",
"team": "Database"
}Hier zijn “naam”, “emp-ID”, “geslacht” en “team” bedoeld Eigenschappen, en “Gregg”, “101”, “Man” en “Database” zijn Waarden verbonden met die eigendommen.
Definieer gegevens in het JSON-bestand. Het kan een array van objecten zijn of een object met geneste objecten. Elk object moet een unieke ID hebben.
chrome.exe --app = https: //google.com
4] Start uw JSON-server
Nu we het JSON-bestand hebben gemaakt, gaan we de server opstarten. Om hetzelfde te doen, opent u de opdrachtprompt, navigeert u naar de locatie van uw project met de opdracht cd en voert u de volgende opdracht uit.
json-server --watch db.json
Er wordt u gevraagd om dit toe te staan Node.JS Javascript-runtime Om toegankelijk te zijn voor particuliere en openbare netwerken, klikt u op Toestaan . De opdracht wordt uitgevoerd en geeft een uitvoer. U moet de onderstaande URL indexeren en in een browser plakken om de JSON-server te openen.
De JSON-server wordt gestart en u kunt de waarden zien die u heeft ingevoerd. De eigenschappen worden op het scherm weergegeven en als u op een ervan klikt, ziet u de bijbehorende waarden.
Dat is het!
Lezen: Hoe een JSON-bestand in een leesbaar formaat te openen
Hoe installeer ik de JSON-server op Windows?
Om de JSON-server op uw Windows-computer te installeren, moet u de opdracht uitvoeren: npm install -g json-server. Hiermee wordt de server globaal geïnstalleerd. Om deze lokaal te installeren, stelt u uw werkmap in op de locatie waar uw project zich bevindt en wordt deze vervolgens uitgevoerd npm i json-server.
Lezen: Tijdserver toevoegen of wijzigen in Windows
Hoe JSON in Windows uit te voeren?
We kunnen het JSON-bestand uitvoeren vanaf de opdrachtprompt. Open dus Verkenner, navigeer naar de map waar uw JSON-bestand zich bevindt, klik met de rechtermuisknop en selecteer Terminal. Ren dan json-server – bekijk db.json.
Lees ook: Hoe u een FTP-server op Windows instelt .
