iPhone, Android의 실제 기기에서 개발용 localhost 등에 Proxy 경유로 액세스시켜 테스트하는 방법

이번에는 Mac 환경에서 iPhone이나 Android용 개발을 하는데 편리한 Proxy 설정 방법을 소개합니다.

앱 개발이나 스마트 폰용 웹 사이트의 개발에 있어서, 실제 기기에서 테스트 환경에 액세스시키고 싶을 때, 특정의 도메인에의 요구를 Proxy 경유로 개발용의 임의의 서버에 리디렉트 해 사용하는 것을 상정하고 있습니다.

프록시 서버용 SquidMan 설치



SquidMan은 Squid라고 하는 Proxy 서버의 GUI로서 동작하는 소프트웨어로, Squid가 들어 있지 않은 경우는 인스톨시에 Squid도 함께 인스톨 해 줍니다.



Downloads에서 최신 버전을 다운로드하여 설치합니다.

SquidMan 설정하기



환경 설정에서 설정합니다. 기본적으로 Clients와 Template를 업데이트합니다.

Clients



Clients는 연결을 허용하는 IP를 설정합니다. 192.168.1.4와 같이 특정 IP만 지정할 수 있으며 이미지와 같이 특정 네트워크에 속한 단말기를 허용할 수도 있습니다.



Template



Config를 업데이트합니다. 포인트는 hosts 파일의 지정입니다.
# protect web apps running on the proxy host from external users
# http_access deny to_localhost

localhost에서 실행되는 웹 서비스에 대한 액세스를 허용해야하므로 위의 제한 사항을 주석 처리합니다.

프록시를 통한 요청의 일부를 다른 IP로 나누고 싶기 때문에 hosts 파일을 준비합니다. 이번에는 localhost에 액세스하고 싶기 때문에
127.0.0.1 hogehoge.com
127.0.0.1 api.hogehoge.com

로 임의의 파일 이름으로 저장합니다. 그리고 위의 구성에
# hosts file
hosts_file /Users/hogehoge/hosts

그리고 자신이 새로 저장된 hosts 파일에 대한 참조를 나열합니다.

그리고는 Save하고 Proxy를 재시작시켜 둡시다.

실제 기계에 프록시 설정



그런 다음 iPhone 또는 Android에서 시작하는 Proxy 서버에 연결하여 앱과 브라우저에서 개발용 애플리케이션에 액세스할 수 있습니다.

프록시 서버 설정은 다음과 같습니다.


IP 주소
포트


192.168.1.4
8080


iPhone에서 프록시 설정



iPhone에서는 평소 설정 화면에서 연결된 Wifi를 선택하여 프록시 설정을 추가합니다.



네트워크 설정 화면 하단의 "HTTP 프록시"에 설정을 추가합니다.



이제이 네트워크를 사용할 때 지정된 프록시 서버를 통해 제공되므로 호스트에서 설정 한 도메인에 대한 요청을 개발 서버에 할당합니다.

Android에서 프록시 설정



Android에서는 Proxy 설정을 관리할 수 있는 앱을 설치하고 사용하는 것이 편리합니다. 나는 ProxySettings라는 앱을 설치하고 있습니다.
(주: 아무래도 Android6계라면 사용할 수 없는 것 같습니다)



설치가 끝나면 연결된 네트워크에 대한 프록시 설정을 만들고 선택합니다.



이상



이것으로 실기상이므로 앱 개발이나 스마트폰용 웹사이트의 실기 확인이 매우 간단해집니다.

좋은 웹페이지 즐겨찾기