모바일 장치에서 디버깅

개요

이 문서에서는 모바일 장치에서 디버깅을 시작하는 방법을 배우고 다음과 같은 솔루션을 다룹니다.

• iOS 디바이스에서 디버깅
• 안드로이드 디바이스에서 디버깅
• 모바일 장치에서 찰스 사용

iOS로 디버깅

Android로 디버깅

Charles 프록시 설정

Charles는 자신의 컴퓨터에서 실행할 수있는 웹 프록시로서 웹 브라우저를 통해 주고받는 데이터를 기록 할 수 있습니다. 이 응용 프로그램에 대한 자세한 내용은Charles 웹 사이트를방문하십시오.

컴퓨터에서 Charles를 실행하려면 아래 단계를 따르십시오.

1. 컴퓨터에 Charles를다운로드하여설치하십시오.
2. 컴퓨터에서찰스를실행합니다. 메뉴에서프록시 > 프록시 설정을선택합니다. 포트가 할당되었는지 확인합니다(예: 8888).

   

3. 확인을선택하여 변경 사항을 저장하고 대화상자를 닫습니다.
4. 메뉴에서프록시 > SSL 프록시 설정을선택합니다. SSL 프록싱 사용옵션이 선택되어 있는지 확인합니다.

   

5. 위치섹션에서추가단추를 선택합니다. 위치 편집대화상자에서포트필드로 이동하여443을입력합니다. 확인을선택하여 이 변경 사항을 저장합니다.

   

6. 확인을선택하여위치 편집대화상자를 닫습니다.

   

7. [ 확인 ] 을 선택하여 [ SSL 프록시 설정 ] 대화 상자를 종료합니다.
8. 모바일 장치 또는 원격 브라우저에서 > SSL 프록시 > 설치 Charles 루트 인증서 도움말으로 이동합니다.

   

9. 장치를 설정하는 데 사용할 로컬 서버 IP 및 포트 번호 (8888) 를 식별하는 메시지가 표시됩니다. 인증서를 다운로드하고 설치할 URL도 표시되어야 합니다. 나중에 사용할 수 있도록 컴퓨터에 복사하십시오.

   

iOS 기기에서 Charles 사용

이 섹션에서는 컴퓨터에서 Charles와 함께 작동하도록 iOS 기기를 설정하는 방법을 배웁니다.

1. 장치에서 컴퓨터와 동일한 네트워크에 연결되어 있는지 확인합니다. >Wifi 설정으로이동하고 네트워크 이름을 선택하여 고급 옵션을 표시하여이를 확인할 수 있습니다.

   

2. 하단의 HTTP 섹션에서수동모드를 선택합니다. 그런 다음 이전 단계에서 찰스에서 복사한 서버 IP 및 포트 번호 (8888) 를 추가합니다.

   

3. 장치에서 브라우저를 열고 https://www.charlesproxy.com/getssl 로 이동합니다. 장치 설정으로 리디렉션되며 여기서Charles Proxy 사용자 정의 루트 인증서프로필을 설치하라는 메시지가 표시됩니다. 설치단추를 선택하여 장치에 Charles 인증서를 설치합니다.

   

4. 단계에 따라 Charles 인증서를 설치합니다. 완료되면 완료를 선택합니다.

   

5. 그런 다음 장치가 Charles 인증서를 신뢰하는지 확인할 준비가 되었습니다. 장치에서> 인증서 신뢰 설정 일반 > 정보로이동합니다. 여기에서 찰스 프록시 인증서를 찾아야합니다.

   

6. 찰스 인증서를 사용하도록 설정합니다. 경고 메시지를 확인합니다. Charles로 디버깅하지 않을 때이 인증서를 비활성화 할 수 있습니다.

   

7. 이제 찰스에서 주고받은 모든 데이터를 볼 수 있습니다.

   

Android 11에서 Charles 사용

이 섹션에서는 컴퓨터에서 Charles와 함께 작동하도록 Android 기기를 설정하는 방법을 배웁니다.

1. 기기에서 설정 으로 이동합니다. > 회로망 & 인터넷 .
2. Wi-Fi 를 탭합니다. 장치에 연결된 네트워크 목록이 표시됩니다.
3. 현재 연결되어 있는 무선 네트워크를 선택합니다. 이 네트워크는 컴퓨터에 연결된 네트워크와 일치해야 합니다.
4. 연필 아이콘을 탭하여 인터넷 설정을 편집합니다.
5. 프록시를 수동 으로 설정합니다.
6. Charles의 값을 붙여넣으십시오. 프록시 호스트 이름 , 클립보드에 복사했어야 합니다. 위 단계 . 프록시 포트의경우 를 입력합니다8888 .

   

7. 저장 을 탭합니다.
8. 장치에서 브라우저를 열고 https://www.charlesproxy.com/getssl/ 로 이동합니다. 이렇게 하면 Charles SSL 인증서가 장치에 자동으로 다운로드됩니다.
9. Android 11에 인증서를 설치하려면 다음 단계를 따르세요.
   1. 설정 을 엽니다.
   2. 보안 으로 이동 > 암호화 & 신임장 > 인증서를 설치합니다 .
   3. CA 인증서를 선택합니다.
   4. 경고가 표시됩니다. 그래도 설치를 선택합니다.

      

   5. Charles 프록시 SSL 인증서를 선택합니다.
   6. 인증서 설치를 확인합니다.
10. 디바이스의 기본 브라우저에서 웹 사이트로 이동합니다. 당신은 Charles에서 주고받은 모든 데이터를 볼 수 있습니다. 구조 목록을 필터링하는 데 도움이 될 수 있습니다(이 경우 brightcove 에 대한 필터).

    

11. 로컬 시스템이 아닌 Android 장치의 트래픽만 표시되도록 네트워크 트래픽을 필터링하려면:
    1. Charles 상단 메뉴에서 Proxy 를 선택합니다.
    2. macOS 프록시 (또는 Windows 프록시 )를 선택 취소합니다.
12. 선택 사항 : 기기에서 인증서를 지우려면(Android 11 실행):
    1. 기기에서 설정을 엽니다.
    2. 보안 으로 이동 > 암호화 & 자격 증명 .
    3. 자격 증명 지우기를 탭합니다.
    4. 확인 을 탭하여 확인합니다.

Android 7에서 Charles 사용

Android 7(SDK v24)부터는 이 SDK 버전에 새로운 보안 기능이 도입되었기 때문에 더 이상 SSL 네트워크를 직접 볼 수 없습니다. Charles를 통해 네트워크 트래픽을 보려면 SSL 가로채기를 허용하도록 Android 애플리케이션에 명시적으로 지시해야 합니다.

1. 애플리케이션에서 AndroidManifest.xml 파일을 엽니다.

   

2. application섹션에서networkSecurityConfig옵션을 추가합니다.

   

3. xml 리소스 폴더에서 다음과 같이network_security_config.xml파일을 추가합니다.

   

4. 그게 다야 이제 Charles를 통해 들어오는 모든 네트워크 트래픽이 표시되어야 합니다.

리소스

자세한 내용은 다음을 참조하십시오.

• Charles SSL 네트워크에 Android Nougat 사용
• Android용 Native SDK를 통한 Android Pie 지원