[Android] Charles를 이용한 웹 디버깅

Charles?

웹 디버깅 프록시 프로그램으로 HTTP 프록시 / HTTP 모니터링 / 역방향 프록시로서 개발자가 자신의 기기의 모든 HTTP 및 SSL / HTTPS 트래픽을 볼 수 있도록 해준다. 여기에는 Request / Response 및 HTTP 헤더 (쿠키 및 캐싱 정보 포함)가 포함된다.

Charles 로고가 예쁘게 생겼다,,,,ㅎ

안드로이드 연결 방법

 

우선 https://www.charlesproxy.com/download/ 에서 프로그램을 다운받고 실행한다.

Charles 실행화면

안드로이드 기기와 연결하기 위해서 Help > Local IP Address를 클릭한다

다음과 같이 IP 주소가 나오는데 이 IP주소를 잘 알아두자

안드로이드 기기에서 현재 pc에 연결된 wifi와 같은 wifi를 클릭하여 네트워크 설정화면으로 이동한다.

네트워크 설정부분으로 들어가게되면 프록시 설정하는 부분이 있다.

프록시 설정을 설정안함에서 수동으로 변경해준다.

 

아까 확인한 IP주소를 호스트 이름에 넣고, 포트에 8888입력후 저장한다.

 

그럼이제 안드로이드 기기에서 네트워크 요청/응답이 이뤄지면 모든 기록이 Charles에 남게 된다. 

 

마지막으로 안드로이드 인증서를 추가해야한다.

안드로이드 기기에서 웹브라우저를 열어 Charles연결된 상태로 http://charlesproxy.com/getssl 에 접속한다.

그럼 인증서가 자동으로 다운로드 된다. 하지만 나는 "CA 인증서를 설치할 수 없음" 이라는 메시지가 떴다.

그래서 설정 > 생체인식 및 보안 > 기타 보안 설정 > 기기에 저장된 인증서 설치 > CA 인증서 로 이동해

수동으로 설치하였다.

 

 

다음에는 이렇게 연결한 Charles를 이용하여 api 통신시 데이터를 확인하는 방법을 가지고 오겠다..!