Charles를 설치한 후에는 컴퓨터의 인터페이스 요청만 캡처할 수 있습니다.

모바일 장치를 캡처하려는 앱도 프록시를 설정하고 인증서를 설치해야 합니다.

기사 디렉토리

1. 패킷 캡처의 원리
2. 휴대폰 설정 네트워크 프록시
3. 휴대폰 설치 증명서
부록: 인터페이스 기능 테스트 시리즈 자습서 목차

1. 패킷 캡처의 원리

원래 요청
- 클라이언트는 서버와 직접 데이터를 교환합니다.
프록시 후 인터페이스 요청
1. 장치에서 Charles를 프록시 서버로 설정한 후 Charles는 클라이언트 또는 장치의 모든 요청을 수신하기 시작합니다.
2. Charles는 요청을 캡처하여 서버로 전달합니다.
3. 서버는 Charles에게 응답을 반환합니다.
4. 응답이 클라이언트로 반환됩니다.

2. 휴대폰 설정 네트워크 프록시

우선, 휴대폰과 컴퓨터가 동일한 네트워크에 있어야 한다는 것이 매우 중요합니다.

1. 컴퓨터의 IP 주소(로컬 IP 주소) 보기

macOS : "시스템 환경설정 > 네트워크" 설정 에서 현재 연결된 네트워크를 선택할 수 있으며, 오른쪽에 로컬 IP 주소가 표시됩니다.
Windows : 상태 표시줄에서 네트워크 아이콘을 클릭하면 "네트워크 및 인터넷 설정"이 표시됩니다 . 클릭하면 WLAN 또는 이더넷의 속성을 볼 수 있습니다. 네트워크 설정 페이지에 들어가서 끝까지 밀어서 로컬 IP 주소를 확인합니다.

2. 휴대폰 네트워크 프록시 설정

패킷을 캡처할 장치의 네트워크 설정을 열고 현재 연결된 네트워크를 선택하고 HTTP 프록시를 구성합니다.

(1) iOS 기기

네트워크 설정 열기 -> 현재 연결된 네트워크 우측의 버튼 선택 ->
네트워크 설정 페이지로 들어가 페이지 하단을 슬라이드하고 프록시 구성 ->을 클릭합니다.
프록시가 수동으로 변경되고 컴퓨터의 IP 주소와 Charles 프록시의 포트(대부분 8888)를 입력하고 설정을 저장합니다.

(2) 안드로이드 기기

(예를 들어 Honor 휴대전화를 예로 들면 대부분의 Android 휴대전화의 설정은 동일합니다.)

설정 페이지에서 "WLAN" 설정 열기 ->
현재 연결된 네트워크 길게 누르기 -> "네트워크 수정" 선택 ->
"고급 옵션 표시"를 선택하고 프록시를 "수동"으로 변경하고 컴퓨터의 IP 주소와 Charles 프록시의 포트(대부분 8888)를 입력하고 설정을 저장합니다.

(3) Charles는 장치가 에이전트에 연결할 수 있도록 합니다.

전화 프록시 설정이 완료되면 Charles는 전화에서 요청 캡처를 시작합니다.
이 시점에서 Charles는 연결을 허용하는 팝업 상자를 표시합니다.
"허용"을 선택하십시오.
허용 후 패킷 캡처 시작

3. 휴대폰 설치 증명서

프록시를 설정한 후에도 여전히 HTTP 인터페이스만 크롤링할 수 있으며 HTTPS 인터페이스는 "알 수 없음"으로 표시되며 오류 이유는 필요한 인증서를 신뢰할 수 없거나 설치되지 않았음을 나타냅니다.
따라서 HTTPS 인터페이스를 가져오려면 인증서를 설치해야 합니다.

(1) 전화가 에이전트에 연결되어 있는지 확인하십시오.

(2) 휴대폰에서 웹페이지 열기: "chls.pro/ssl", 클릭하여 인증서 다운로드

여기에 이미지 설명 삽입

(3) 설치 증명서

1. 안드로이드

(예를 들어 Honor 휴대전화를 예로 들면 대부분의 Android 휴대전화의 설정은 동일합니다.)

설정 페이지에서 WLAN 설정으로 이동합니다.
"추가 WLAN 설정"을 클릭하여 설정 페이지로 들어갑니다.
"인증서 설치" 클릭
브라우저에서 방금 다운로드한 인증서를 선택하고 인증서 이름을 설정한 다음 확인을 클릭합니다.

이제 인증서가 설치되었습니다.

2.iOS

(iOS 15.5 시스템을 예로 들어 보겠습니다.)

설정 페이지에서 "일반"을 선택합니다.
페이지 하단으로 스크롤하여 "VPN 및 장치 관리"를 선택합니다.
"다운로드된 설명 파일"에서 방금 다운로드한 인증서를 볼 수 있습니다. 인증서를 클릭합니다.
"설치"를 선택한 다음 장치 비밀번호를 입력하고 설치를 확인해야 합니다.

(4) [iOS 전용] 신뢰 인증서

iOS에는 Android보다 인증서를 신뢰하는 단계가 한 단계 더 있습니다.
1. 설정 페이지에서 "일반"을 선택하고 일반 페이지에서 "전화 정보"를 선택합니다.
2. 전화 정보 페이지 하단으로 스크롤하여 "인증서 신뢰 설정"을 선택합니다.
3. "인증서 신뢰 설정" 페이지에서 새로 설치된 인증서를 볼 수 있습니다. 인증서 스위치를 켜기만 하면 됩니다.
이 시점에서 휴대폰 캡처 준비가 완료되었습니다.

부록: 인터페이스 기능 테스트 시리즈 자습서 목차

패킷 캡처 도구 Charles(1) - 패킷 캡처 도구 다운로드, 설치 및 설정
Charles(2) - 모바일 APP 캡처(휴대폰 프록시 설정, 인증서 설치)
패킷 캡처 도구 Charles(3) - 인터페이스 소개 및 기본 기능 tutorial (약한 네트워크, 편집, 재전송)
패킷 캡처 도구 Charles(4) - 일반 기능 소개(저장, 가져오기 및 내보내기, 필터링, 정렬)
패킷 캡처 도구 Charles(5) - 로컬 매핑을 사용하여 인터페이스 응답 콘텐츠 수정(Map 로컬)
패킷 캡처 도구 Charles(6) - 원격 매핑을 사용하여 인터페이스 요청 리디렉션(원격 매핑)

General Catalog-Zero-Basic 시작하기 인터페이스 기능 테스트 자습서
—————————————————————————————————————— ———————————————
공개 계정 [Software Testing Essential Skills]과 같은 이름으로 블로그를 운영하는 Charles 설치 패키지가 업로드되었습니다.
일반인도 수시로 시험 관련 자료를 업로드하고 필요한 경우 직접 찾아가서 수집할 수 있습니다.
여기에 이미지 설명 삽입
필요하신 분들은 글 하단의 QR코드를 클릭하시면 받아보실 수 있어요~

패킷 캡처 도구 Charles(2) - 모바일 APP 캡처(휴대폰 프록시 설정, 인증서 설치)