로컬에서 모바일웹과 앱에서 테스트를 할 경우가 있다. 앱일 경우 로컬에서 테스트를 어떻게 할까? 다양한 방법이 있지만, 서버 개발자인 나는 다음과 같은 환경에서 테스트를 진행하였다.
개발환경 : 맥북, Charles, 안드로이드 폰, intelliJ
그리고 다음과 같이 진행하였다.
1. intelliJ 에서 프로젝트 띄우기
로컬에서 테스트할 프로젝트를 띄운다. (아파치 설정은 생략)
2. Charles proxy 설정하기
Charles는 Proxy 서버이다. 도메인을 매핑하려면 PC에서 Proxy 서버를 실행해야 한다. Proxy 서버의 예로 Charles, Fiddler 등이 있다. 다음과 같이 Proxy 서버인 Charles에서 포트 전달을 위한 설정을 한다. 간단히 말해, 포트 설정을 해준다.
- 위치 : Charles - Setting - Proxy Setting
Port를 적어주고 Enable transparent HTTP proxing 을 체크한다.
3. 안드로이드 폰 설정하기
안드로이드 폰에서 (Proxy 서버인) Charles를 통해 네트워킹을 하기 위해서는 PC와 안드로이드 단말기가 같은 Wi-Fi에 붙어야 한다.
- 위치 : 설정 – Wi-Fi - 현재 연결된 wifi 꾹 누르기 - 네트워크 설정 관리 - 프록시 수동 설정
- 프록시 호스트 이름 : PC IP주소값 (맥북은 '네트워크'에서 IP주소를 볼 수 있다)
- 프록시 포트 : Charles에서 설정한 프록시 포트
이제 안드로이드 폰에서 테스트할 앱(App)을 실행하면 로컬에 붙은 테스트 화면을 볼 수 있을 것이다. 물론 Proxy 서버인 Charles를 종료하면 안드로이드 단말기는 더 이상 통신이 불가능하다. 그나저나 Charles가 왜케 잘 끊기지..
참조 글 : https://developers.google.com/web/tools/chrome-devtools/remote-debugging/local-server?hl=ko
로컬 서버 액세스 | Tools for Web Developers | Google Developers
개발용 컴퓨터 웹 서버에서 사이트를 호스팅한 다음 Android 기기에서 콘텐츠에 액세스합니다.
developers.google.com
'Tool > 개발환경' 카테고리의 다른 글
| IntelliJ 메모리 사이즈 변경 (1) | 2022.05.10 |
|---|