JSON 서버로 RESTful API를 생성하는 방법

API란 무엇입니까?

API 또는 응용 프로그램 프로그래밍 인터페이스는 운영 체제, 응용 프로그램 또는 기타 서비스의 기능이나 데이터에 액세스하는 응용 프로그램을 만들 수 있도록 하는 일련의 기능 및 절차입니다.
즉, API는 응용 프로그램이 서로 통신하고 데이터를 교환할 수 있도록 하는 인터페이스입니다.
개발자는 API를 사용하여 애플리케이션에서 사용하기 위해 서버에서 데이터를 보내고 검색합니다.

RESTful API란 무엇입니까?

REST는 Representational State Transfer의 약자로 REST 아키텍처 스타일의 제약 조건을 준수하는 API 유형입니다.
API가 RESTful이 되려면 다음과 같은 특정 기준을 준수해야 합니다.

HTTP를 통해 요청이 관리되는 클라이언트, 서버 및 리소스로 구성된 클라이언트-서버 아키텍처

상태 비저장 클라이언트-서버 통신, 즉 get 요청 사이에 클라이언트 정보가 저장되지 않고 각 요청이 분리되고 연결되지 않음을 의미합니다

.

클라이언트-서버 상호 작용을 간소화하는 캐시 가능한 데이터

정보가 표준 형식으로 전송되도록 구성 요소 간의 균일한 인터페이스

RESTful API는 다른 이전 유형의 API보다 빠르고 가볍습니다.

JSON 서버를 사용하여 RESTful API를 설정하는 이유는 무엇입니까?

때때로 프런트 엔드 개발자는 모든 것이 제대로 작동하는지 확인하기 위해 JSON 형식의 데이터를 프런트 엔드 애플리케이션에 전달하기 위해 백엔드 REST 서비스를 시뮬레이션해야 합니다.

물론 전체 백엔드 서버를 설정할 수 있지만 완료하는 데 시간이 걸립니다.
JSON 서버를 사용하여 RESTful API를 만드는 것이 더 간단하고 빠릅니다.

설정

JSON 서버를 사용하여 RESTful API를 설정하는 방법을 배우려면 계속 읽으십시오!

JSON 서버 설치

JSON 서버는 NPM 패키지로 설치할 수 있습니다.

터미널에 다음을 입력하십시오.

$ npm install -g json-server

-g를 추가하면 시스템에 전체적으로 설치됩니다.

JSON 파일

이제 db.json이라는 새 파일을 만듭니다.
이 파일에는 모든 데이터가 저장됩니다!

다음은 이 파일의 모양에 대한 예입니다.

{
  "cats": [
    {
      "id": 1,
      "name": "Fluffy",
      "color": "white",
      "favorite_toy": "fuzzy ball"
    },
    {
      "id": 2,
      "name": "Oreo",
      "color": "black and white",
      "favorite_toy": "toy mouse"
    },
    {
      "id": 3,
      "name": "Luna",
      "color": "brown and grey tabby",
      "favorite_toy": "laser pointer"
    }
  ]
}

JSON 파일에 "고양이"라는 레이블이 지정된 개체가 있음을 알 수 있습니다. 개체 안에는 각각 이름, 색상 및 좋아하는 장난감이 포함된 3개의 서로 다른 고양이 개체 배열이 있습니다.
이것이 JSON 서버 내부의 데이터가 보이는 방식입니다.

서버 실행

터미널에 다음을 입력하십시오.

$ json-server --watch db.json

이제 서버가 실행 중이며 http://localhost:3000/cats에 대한 모든 FETCH 요청을 시작할 수 있습니다.
POST, PUT, PATCH 또는 DELETE 요청을 하면 변경 사항이 자동으로 db.json에 저장됩니다.
POST, PUT 또는 PATCH 요청에는 요청 본문에서 JSON을 사용하기 위한 헤더Content-Type: application/json가 포함되어야 합니다. 그렇지 않으면 데이터가 변경되지 않습니다.