JSON 서버 특히 개발 및 테스트 목적으로 가짜 REST API를 생성하려는 경우 프로그래머에게 매우 놀라운 자산입니다. 이를 통해 사용자는 XNUMX분 이내에 API를 생성할 수 있습니다. 구현을 진행하기 전에 JSON Server가 무엇을 할 수 있는지 알아보겠습니다.
JSON 서버는 간단한 자바 스크립트 GET, POST, PUT, PATCH 및 DELETE와 같은 데이터베이스 작업을 유지 관리하기 위한 파일 또는 JSON 파일입니다. Angular, React, Vue 등과 같은 프런트엔드 기술과 함께 작동하므로 개발자에게 유연성을 제공합니다.
// Installation npm install -g json-server // To start JSON Server json-server --watch db.json
JSON 서버의 장점
- 몇 초 안에 제로 코딩으로 완전한 가짜 REST API를 활성화합니다.
- GET, POST, PUT, PATCH, DELETE 등 모든 필수 HTTP 요청을 지원합니다.
- 지연 응답을 지원하고 JS를 사용하여 데이터를 생성합니다.
- 프로토타이핑 및 모형 제작을 위한 신속한 백엔드 설정을 제공합니다.
- 여기에는 정렬, 슬라이싱, 필터링 및 전체 텍스트 검색과 같은 기능이 포함됩니다.
JSON 서버 작동
JSON Server를 사용하기 시작하는 것은 매우 간단합니다. 설치 후에는 API의 다양한 엔드포인트 역할을 할 JSON 파일을 생성하기만 하면 됩니다. 실제 데이터베이스에서 일반적으로 보는 방식에 대해 JSON 파일의 데이터를 모의할 수 있습니다.
{
"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 파일은 USERS, POSTS, COMMENTS 및 PROFILE을 다른 테이블로 사용하여 데이터베이스를 설정합니다. JSON 서버는 모든 최상위 키를 엔드포인트로 처리합니다.
JSON 데이터에 액세스
JSON 데이터는 다양한 엔드포인트(서버 시나리오에서는 경로라고도 함)에서 액세스할 수 있습니다. 예를 들어 모든 사용자를 보려면 /users 엔드포인트를 요청할 수 있습니다.
fetch('http://localhost:3000/users')
.then(response => response.json())
.then(data => console.log(data));
여기서는 JavaScript의 fetch API를 사용하여 사용자 경로를 요청합니다. 서버는 이전에 JSON 파일에서 설정한 모든 사용자와 관련된 데이터로 응답합니다.
요약하자면, JSON 서버를 개발용 모의 REST API로 사용하면 개발 워크플로의 생산성이 크게 향상됩니다. 또한 프로세스를 쉽게 설정하고 통합할 수 있습니다.
