JSON Server ay isang napaka-kahanga-hangang asset para sa mga programmer, lalo na kapag gusto mong lumikha ng pekeng REST API para sa mga layunin ng pag-develop at pagsubok. Nagbibigay-daan ito sa user na makabuo ng API nang wala pang isang minuto. Bago magpatuloy sa pagpapatupad, unawain natin kung ano ang magagawa ng JSON Server.
Gumagamit ang JSON server ng isang simple JavaScript file o JSON file para sa pagpapanatili ng mga pagpapatakbo ng database tulad ng GET, POST, PUT, PATCH, at DELETE. Nagbibigay ito ng flexibility sa mga developer dahil gumagana ito sa mga front-end na teknolohiya tulad ng Angular, React, Vue, atbp.
// Installation npm install -g json-server // To start JSON Server json-server --watch db.json
Ang mga perks ng JSON Server
- Nagbibigay-daan ito sa buong pekeng REST API na may zero-coding sa loob ng ilang segundo.
- Sinusuportahan nito ang lahat ng mahahalagang Kahilingan sa HTTP: GET, POST, PUT, PATCH, DELETE.
- Sinusuportahan nito ang mga tugon sa pagkaantala at bumubuo ng data gamit ang JS.
- Nagbibigay ito ng mabilis na backend setup para sa prototyping at mockups
- Kabilang dito ang mga tampok tulad ng pag-uuri, paghiwa, pag-filter, at paghahanap ng buong teksto.
Gumaganap ang JSON Server
Ang pagsisimula sa paggamit ng JSON Server ay napaka-simple. Pagkatapos ng pag-install, ang kailangan mo lang ay bumuo ng JSON file na magsisilbing iba't ibang end-point ng iyong API. Maaari mong kutyain ang data sa JSON file sa kung paano mo karaniwang nakikita sa isang real-world na 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"
}
}
Ang JSON file sa itaas ay nagtatag ng Database na may mga USERS, POSTS, COMMENTS, at PROFILE bilang iba't ibang table nito. Tinatrato ng JSON Server ang bawat top-level na key bilang isang end-point.
Pag-access sa JSON Data
Maa-access ang data ng JSON sa iba't ibang end-point (kilala rin bilang mga ruta sa senaryo ng server). Halimbawa, kung gusto mong makita ang lahat ng user, maaari mong hilingin ang end-point na /users.
fetch('http://localhost:3000/users')
.then(response => response.json())
.then(data => console.log(data));
Dito ginagamit namin ang API ng pagkuha ng JavaScript upang hilingin ang ruta ng mga user. Sasagot ang server gamit ang data na nauugnay sa lahat ng user na na-set up namin sa JSON file kanina.
Sa kabuuan, ang paggamit ng JSON server bilang isang kunwaring REST API para sa pag-unlad ay kapansin-pansing magpapahusay sa pagiging produktibo ng iyong daloy ng trabaho sa pag-develop. Higit pa rito, ito ay walang kahirap-hirap na i-set up at isama sa iyong proseso.
