새소식

300x250
5. 개발도구/피들러(Fiddler)

[Fiddler_2] Fiddler 프록시(Proxy) 설정하기 (앱 디버깅 하기)

  • -
728x90

[Fiddler_2] Fiddler 프록시(Proxy) 설정하기



안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 피들러 프록시 서버 설정 입니다. : ) 


피들러를 키고 자세히 보다보면 다음과 같은 창을 볼 수 있다.


Creating Proxy... 라는 문구를 볼 수 있다.

피들러로 proxy 설정하여 웹 및 앱 디버깅 용도로 많이 사용하는데 이점이 피들러의 가장 유용한 점이라고 할 수있다.



▶ (들어가기 앞서) Proxy(프록시)는 무엇인가???

 - 클라이언트가 자신을 통해서 다른 네트워크 서비스에 간접적으로 접속할 수 있게 해 주는 컴퓨터나 응용 프로그램.

 - '프록시' : 서버와 클라이언트 사이에서 중계기로서 대리로 통신을 수행하는 기능
 - '프록시 서버' : 위의 중계 기능을 하는 서버

좀더 자세한 Proxy 설명은 다음에 다루도록 해야 겠다. 오늘은 프록시 설정하는 방법을 통해 대강의 프록시 개념만 이해하자.




1. 피들러 실행 하기

 - Tools => Optios 클릭.



2. 프록시 관련 설정하기

 - port설정 해주기 : default는 보통 8080으로 되어 있을 것이다. 난 8080은 영 겹칠 것 같고 찝찝하여 8888 등으로 변경 해주었다.

 - Allow remote computers to connect : 체크 하여 준다.

 - 설정 완료후 재시작 하여준다.



3. 휴대폰 WIFI 설정하기

 - 와이 파이 접속.
 - 고급 온션 표시 체크.
 - 프록시 설정이 자동으로 되어있을 텐데 수동으로 변경하여 준다.
 - 프록시 호스트 이름은 연결한 내 컴퓨터의 IP를 입력 한다. ( 실행 => cmd => ipconfig 에서 확인가능)
 - 프록시 포트는 내가 피들러에서 설정한 포트 번호를 입력 하여 준다.



4. 테스트 해보기

나와 같은 경우 특정 App의 통신상태, 파라미터 등의 디버깅을 해보려고 한다.

 - 디버깅할 앱 실행
 - 원하는 디버깅할 페이지에서 클릭
    (ex. 나와 같은 경우 특정 편의점 앱의 쿠폰 사용하기 클릭후 통신 테스트)

 - 원하는 쿠폰 클릭


 - 통신 결과 및 Param 확인 



왼쪽 창의 url 통신 Result도 200으로 정상.

Request, Response 값도 올바르게 넘어오는 것을 확인 가능하다.



정말 간단한 설정, 클릭 몇번으로 


마치 웹 디버깅 하듯 앱 디버깅을 좀더 편하게 할 수 있게 해주는 피들러 사용법


웹 개발자, Front End 개발자에게는 필수 도구라고 할 수 있을 것이다.


피들러 사용법만 잘 알아도 많은 도움이 될 것 같다.


계속 피들러 사용법은 실 사례를 Capture하여 올려 보도록 해야 겠다.



참고 => 피들러 설치 방법 클릭






300x250
Contents

포스팅 주소를 복사했습니다

이 글이 도움이 되었다면 공감 부탁드립니다.