단지 local 환경에서 json 파일을 만들면 모의 서버(Mockup Server)를 시작할 수 있는 앱을 개발했습니다.

Mockup Server란?



프론트엔드와 백엔드를 동시에 개발하는 경우, 백엔드의 api와 데이터명 등이 맞지 않을 때가 많습니다.
하지만 Mockup Server를 사용하면 Local 환경에서 쉽게 Directory와 Json 파일을 만들고 서버를 시작할 수 있습니다.
작성한 것을 Git로 관리하면 프런트 엔드와 백엔드 개발자가 행복하게 개발할 수 있습니다.

사용방법




  • Mockup 서버화를 위한 Directory를 작성.
  • 1번부터 생성한 Directory 안에 index.json(성공), error.Json(실패)를 작성.
  • Mockup Server 시작! !

  • index.json

    // response json [ { "id": "1", //dynamic api key ex) localhost/bla/:id "name": "Sara", "age": "13" }, { "id": "2", "name": "teddy", "age": "14" } ]

    setting.json

    // setting header, cookies, api description etc { "header": { "Content-Type": "application/json; charset=utf-8", "Content-Length": "123", "ETag": "12345" }, "cookies": [ { //cookie1 "cookiekey": "cookieName", "options": { "maxAge": 30000 } }, { //cookie2 "hello": "hi", "options": { "maxAge": 10000 } } ], "dynamicRoute":"hello", // ex) localhost/bla/:hello "description": "this API is holy shit" // api description } Set Cookies headerSetting

    API Description tooltip



    tooltip

    CRUD (Create, Read, Update ,Delete)

    //index.json [ { "id": "1", "name": "Sara", "age": "13" }, { "id": "2", "name": "teddy", "age": "14" } ] CRUD (Create, Read, Update ,Delete) Post, Get
  • http://localhost:9000/nice2/test if you send params object, and then add object in response data (POST)
  • //response data
    [
        {
          "id": "1", 
          "name": "Sara",
          "age": "13"
        },
        {
          "id": "2",
          "name": "teddy",
          "age": "14"
        }   
    ]
    
  • http://localhost:9000/nice2/test/1
  • //response data
    [
        {
          "id": "1",   
          "name": "Sara",
          "age": "13"
        }
    ]
    

    Put



  • http://localhost:9000/nice2/test/1
  • //request data
    {
      "id": "3", 
      "name": "Sara",
      "age": "13"
    }
    
    //response data
    [
        {
          "id": "3",   
          "name": "Sara",
          "age": "13"
        },
        {
          "id": "2",
          "name": "teddy",
          "age": "14"
        }   
    ]
    

    Delete


  • http://localhost:9000/nice2/test/1
  • //response data
    [
        {
            "id": "2",
            "name": "teddy",
            "age": "14"
        }   
    ]
    

    DownLoad


  • Mac, Windows:
  • htps : // 기주 b. 코 m / 죠온 610 / 역시 c 푸세 r

  • 좋은 웹페이지 즐겨찾기