wafflestudio / seminar-2020

2020 Rookies 세미나
28 stars 50 forks source link

Postman 의 interceptor 를 사용해서 API 분석 쉽게하기 #347

Open ghost opened 3 years ago

ghost commented 3 years ago

저는 3팀의 백엔드부분을 맡고 있는 김홍균이라고 합니다. 저희는 에브리타임을 클론코딩하고 있습니다.


여느때처럼 Chrome 에서 개발자 도구를 활용해서 API 를 분석하고 있는 중이었습니다.

Screen Shot 2020-11-29 at 5 56 50 PM

Request URL 이 https://everytime.kr/381619 이고 Request Method 가 GET 인 것을 보아하니... 자유게시판의 Main Page 를 load 하는 API 이겠구나!

Screen Shot 2020-11-29 at 5 59 10 PM

Preview 를 보니 내 예상이 맞네, 하나 체크


Screen Shot 2020-11-29 at 5 57 00 PM

Request URL 이 https://api.everytime.kr/find/board/article/list 이고 Request Method 가 POST 인 것을 보아하니... 자유게시판의 Post 목록을 load 하는 API 이겠구나!

Screen Shot 2020-11-29 at 6 00 53 PM

Preview 를 보니 내 예상이 맞네, 둘 체크


그러나 저는 곧 이렇게 하나하나 확인해야되는 상황이 정말 귀찮았습니다. 그러던 중 문득 ModHeader 처럼 정해진 형식에 맞춰서 Request 를 보낼 수 있으면 반대로 요청을 보낼때마다 이를 추적할 수 있는 도구가 있진 않을까 생각했고 이에대해 찾아봤습니다.


역시 그러한 도구가 있었습니다.

설치


준비

Screen Shot 2020-11-29 at 6 05 28 PM Screen Shot 2020-11-29 at 6 06 20 PM Screen Shot 2020-11-29 at 6 06 25 PM

활용

위처럼 설정을 마치면 API 를 긁어모을 모든 준비가 끝났습니다. 이제 분석하고 싶은 API 가 있고 수행되고 있는 사이트로 이동합니다.

Screen Shot 2020-11-29 at 6 08 11 PM

아마 이동중에도 Postman Interceptor 가 API 를 추적하고 있을 것입니다. 그러니 Clear All 한번 해주고

Screen Shot 2020-11-29 at 6 09 57 PM

분석하고픈 사이트를 새로고침 해주면...

Screen Shot 2020-11-29 at 6 12 55 PM

방금 쓰인 모든 API 들이 모두 추적되는 것을 Postman 에서 확인할 수 있습니다!!! (실제로 Postman 을 통해 추적된 Request 들을 다시 요청하면 사이트에서 얻었던 Response 와 동일한 Response 를 받을 수 있습니다!)


위와 같은 방법을 통해 API 를 분석하는 많은 백엔드 팀원분들의 노고가 조금 덜어지기를 바랍니다 :)


Ref

https://learning.postman.com/docs/sending-requests/capturing-request-data/interceptor/