iPhone에서 Charles를 사용하여 Mac에서 만든 로컬 호스트에 액세스

웹 어플리케이션을 개발/테스트하고 있을 때, PC의 브라우저와 iPhone의 브라우저에서는 거동이 다를 수 있다.

로컬에서 수정한 부분을 iPhone에서 정상적으로 동작하고 있는지 확인하기 위해서도 한번 테스트용 웹 서버에 배포해야 한다는 번거로움도 발생한다. iPhone에서 Local 호스트에 연결할 수 있으면 이런 배포의 수고를 줄일 수 있다.

또 이 방법을 이용함으로써 iPhone으로부터의 통신 캡쳐도 가능하다.

Windows에서 세운 Local 호스트에 접속하려면 Fiddler가 편리하지만, 그 방법에 대해서는 iPhone에서 개발 컴퓨터의 localhost에 액세스(Windows) 를 참고해 주셨으면 한다.

Charles 설정

Charles 설치
Charles 설치는 여기 에서.
무료판도 30분만에 강제로 앱이 재기동되지만 신경쓰지 않고 사용할 수 있다.

Charles에서 포트 확인/구성
프록시 -> 프록시 설정을 열고 포트를 8888로 설정합니다.

iPhone 설정

개발 머신의 IP 주소 확인

iPhone에서 프록시 구성
접속하고 있는 Wifi의 설정(i버튼)으로부터 「프록시를 구성」을 선택해, 「수동」을 선택하면 서버·포트를 설정할 수 있게 되므로 이하와 같이 값을 입력한다.

연결 확인
iPhone에서 브라우저를 열 때 Charles로 통신을 캡처할 수 있다면 연결은 성공이다.

localhost에 연결

그리고 PC와 같이 사용하고 싶은 브라우저의 URL 입력란에 http://localhost.:{Localサーバーのポート番号}를 입력하면 완료