Fiddler를 이용한 모바일환경 디버깅

피들러는 웹의 패킷을 살펴봐 디버깅할수있는 도구입니다.

https://www.telerik.com/fiddler

Fiddler - Free Web Debugging Proxy - Telerik

피들러 자체는 프록시 서버를 통해서 HTTP 프로토콜에 한해  패킷을 감청할수 있습니다.

모바일의 경우 공유기를 통하여 동일 네트워크를 사용한다는 전제하여 진행합니다.

기본적으로 naver.com 을 접속했을때 보이는 패킷정보입니다.

이 정보를 모바일에서도 접속했을때 정보를 받아와보도록 하겠습니다.

Tools -> Options 메뉴를 선택합니다.

커넥션쪽의 포트번호는 임의로 설정하면됩니다. 저의 경우 8888을 설정했고

Allow remote computers to conect부분을 체크합니다.

 

해당 설정이 완료되었으면 피들러에서의 설정은 끝입니다.

커맨드창을 열어서 ipconfig를 쳐봅시다

저의 아이피주소는 192.168.0.51로 잡혀있네요

안드로이드 폰의 경우도 동일하지만 아이폰으로 진행하도록하겠습니다.

아이폰의 Wi-Fi에서 자신이 사용하고있는 공유기를 들어갑니다.

최하단에 보면 프록시 구성이라고있는데 이부분을 선택합니다.

 

프록시 구성에서 수동을 선택하며

서버의 경우 위쪽에서 봤던 지금컴퓨터의 주소를 입력합니다.

자신의 주소에 맞는 아이피와 피들러에서 설정한 포트를 입력한후 저정합니다.

 

HTTPS의 경우 인증서문제로 접속이 잘 되지 않을수 있습니다.

모바일로 접속한 정보입니다.

해당 패킷을 잘 받아온 모습입니다.