POST method 호출하기
GITHUB주소 : github.com/xersuy/custom_react
앞 내 문서를 읽어보면 알겠지만 url
은 폴더 구조이며, 파일명이 호출을 값이라고 생각을 하면된다.
post
로 데이터를 보내서 맞는지 혹은 서버에서 받아야 할 값을 파일명으로 설정해서 만들어 두면 된다.
아래 이미지를 가지고 post
의 가장 기본적인 예제라고 할 만한 로그인을 예를 들겠다.
login/users
안에 POST
파일을 여러개 만들어두었다.
파일명을 작성할 때 받을 값을 POST--{}.mock
형태로 작성을 해야한다.
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" } }
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." } }
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 서버를 만들 수 있을 것 같다.
'notion > npm package' 카테고리의 다른 글
react-app-rewired 와 customize-cra를 사용하여 CRA eject 안하고 babel 설정하기. (0) | 2021.03.16 |
---|---|
react styled-components 와 react-nomalize 적용하는 법 (0) | 2021.02.22 |
mockserver 를 이용해 mock서버 만들기[4] (0) | 2021.02.06 |
mockserver 를 이용해 mock서버 만들기[3] (0) | 2021.02.04 |
mockserver 를 이용해 mock서버 만들기[2] (0) | 2021.02.04 |
mockserver 를 이용해 mock서버 만들기[1] (1) | 2021.02.02 |
댓글0