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."
      }
    }

3. 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 서버를 만들 수 있을 것 같다.