본문 바로가기
notion/npm package

mockserver 를 이용해 mock서버 만들기[4]

by 서수이 서수이 2021. 2. 6.
반응형

POST method 호출하기

GITHUB주소 : github.com/xersuy/custom_react

앞 내 문서를 읽어보면 알겠지만 url은 폴더 구조이며, 파일명이 호출을 값이라고 생각을 하면된다.

post로 데이터를 보내서 맞는지 혹은 서버에서 받아야 할 값을 파일명으로 설정해서 만들어 두면 된다.

아래 이미지를 가지고 post의 가장 기본적인 예제라고 할 만한 로그인을 예를 들겠다.

login/users안에 POST파일을 여러개 만들어두었다.

파일명을 작성할 때 받을 값을 POST--{}.mock 형태로 작성을 해야한다.

  1. POST.mock
    1번 파일의 경우에는 2번과 3번 혹은 그 외에 보낸 데이터의 값(파일의 이름)들과 맞지 않는다면 마지막으로 이것을 확인해서 값을 보내준다.
    나는 이걸 예외처리 용도로 설정을 해두었다.
    아이디와 패스워드가 없어서 에러를 보내주는 용도로 작성을 해두었다.

     //POST.mock
     HTTP/1.1 200 OK
     access-control-allow-origin: *
     access-control-allow-methods: GET, POST, PUT, PATCH, DELETE
     access-control-allow-headers: Origin, X-Requested-With, Content-Type, Accept, Authorization
    
     {
       "success": false,
       "result" : {
         "error" : "Please check your ID and password. All" 
       }
     }
  2. POST--{"email":"user001@tester.com"}.mock
    2번의 파일은 사용자가 로그인만 했을 경우에 대비한 파일이다.
    패스워드를 입력해달라고 에러를 보내는 용도이다.

     //POST--{"email":"user001@tester.com"}.mock
     HTTP/1.1 200 OK
     access-control-allow-origin: *
     access-control-allow-methods: GET, POST, PUT, PATCH, DELETE
     access-control-allow-headers: Origin, X-Requested-With, Content-Type, Accept, Authorization
    
     {
       "success": false,
       "result" : {
         "error" : "Please check your password."
       }
     }
  1. POST--{"email":"user001@tester.com", "password":"userPassword"}.mock
    3번의 경우에는 정상적으로 로그인을 했을 경우에 리턴을 해주는 파일이다.
    아디이와 패스워드가 정상적으로 맞다면 성공값을 리턴 해준다.

     //POST--{"email":"user001@tester.com", "password":"userPassword"}.mock
     HTTP/1.1 200 OK
     access-control-allow-origin: *
     access-control-allow-methods: GET, POST, PUT, PATCH, DELETE
     access-control-allow-headers: Origin, X-Requested-With, Content-Type, Accept, Authorization
    
     {
       "success": true,
       "result" : {
         "token" : "textaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa",
       }
     }

이미지 파일로 확인을 하면 편할 듯 하여 올려보겠다.

참고 호출 url://http://localhost:10001/apis/login/users

성공파일

    {"email":"user001@tester.com", "password":"userPassword"}

실패 아이디만 보냈을 경우

    {"email":"user001@tester.com"}

틀린 아이디를 보냈을 경우

    {"email":"admin@tester.com", "password":"userPassword"}

여기까지만 해본다면 충분히 post mock 서버를 만들 수 있을 것 같다.

반응형

태그

, , ,

댓글0