Json파일로 간략한 백앤드 서버 구축 (테스트용)

• 프로젝트를 시작하면 프론트엔드와 백앤드가 동시에 시작된다. 즉 프론트엔드 페이지가 완료 되었어도 백앤드 서버 API 준비가 안되는 일이 많다
• API는 준비가 되어 있지 않아도 응답 json의 구조는 명시를 하고 프로젝트를 시작하는게 옳다.
• 이 경우, 프론트엔드에선 더미 데이터를 이용해서 라도 구축을 해놓는게 좋고, 백앤드의 API 서버가 없어도 프로젝트 진행하기 위해선 단순 json 더미 데이터 만으로도 응답을 주고 받을 수 있는 테스트 서버가 있으면 좋다. 
• 물론 백앤드 개발자에게 요청할 수도 있으나, 그거 할 시간이 있었음 이미 API 가 제대로 구축이 되어 있을거니, 프론트 쪽에서 처리하는것이 좋다. 

 

• 설치
  • npm install -g json-server
• 실행
  • json 파일이 있는곳으로 이동 (cd) 
  • npx json-server --watch json파일명.json --port 포트번호
• json 구조에 따라 접속 주소가 각각 생성된다

{
    "items" : [
        {
            "k1" : "v1"
        },
        {
            "k2" : "v2"
        }, {
            "k3" : "v3"
        }
    ],
    "items1" : [
        {
            "k1_1" : "v1_1"
        },
        {
            "k1_2" : "v2_1"
        }, {
            "k1_3" : "v3_1"
        }
    ]
}

이 구조일 경우, 
localhost:포트번호/items
localhost:포트번호/items1 이렇게 url이 생성됨

localhost:포트번호/items/1 로 접속하면 배열 2번째 값만 리턴

 

• REST 동작 다 가능하다.