Tool (6) 썸네일형 리스트형 Charles Tool로 응답값 변조하기 - Rewrite Charles로 Map Local, Map Remote 기능을 사용하면 원하는 데이터로 변조할 수 있는데 Rewrite 기능을 사용해서도 변조할 수 있습니다. 이번에는 Rewrite 기능을 사용하여 변조해보려고 합니다. Rewrite는 변조하고 싶은 API값 우측 클릭으로는 메뉴가 노출되지 않아 직접 입력을 해야 합니다. 메뉴는 Tools 탭에 위치에 있습니다. 지난번에 작성했던 Map Local, Map Remote 설명글 처럼 이번에도 예시와 함께 설명드리려고 합니다. 예시 1) 밴드앱에서 미션 인증 횟수 변조해보기 밴드앱에서 미션 인증하는 기능이 있는데 미션 인증 횟수를 변조할 수 있습니다. 변조하기 전 화면에서는 한번도 인증하지 않아서 0일 인증으로 노출됩니다. 해당 화면 진입시 호출되는 API .. Charles 필터링하여 원하는 데이터만 구분해서 보기 Charles 설정하여 앱/웹 페이지 이동시 정말 다양한 데이터들을 확인할 수 있는데요. 그 중 어떤 데이터를 보고 변조할 지 찾는데 의외로 시간이 많이 걸리는 경우가 있습니다. 자주봐서 익숙한 호출 데이터면 찾기가 쉬운데 처음 보는 데이터인 경우 삽질하는 경우도 많은데 이 경우 간단한 정규식을 통해 필터링 할 수 있습니다. Charles 프로그램 Filter 부분 우측을 보면 Settings 버튼이 있는데 해당 버튼을 클릭합니다. 나오는 메뉴 중 "Filter uses regex" 체크 박스 표시를 체크하여 정규식을 사용할 수 있게 설정합니다. 그런 다음 "|" 텍스트를 통해 a or b 데이터를 구분해서 확인할 수 있도록 검색어를 입력합니다. 예시 1) 배달의 민족 앱에서 호출되는 host 중 api.. Charles Tool로 response값 변조하기 - Map Local 테스트 기대 결과 값 확인 중 수동으로 확인하기 어려운 케이스가 종종 있습니다. (예: 좋아요/댓글 수 100개 이상, 특정 환경에서만 나오는 데이터 등..) 시간을 투자하여 수동으로 만들거나 무한 새로고침을 하는 경우도 있는데 해당 시간을 단축하기 위해 의도적으로 값을 변조하여 테스트할 때 Charles Tool에 있는 Map Local 기능을 사용합니다. 예시 1) 네이버 카페 앱 좋아요/댓글 수 변경 카페 이웃 소식 탭 글 목록 중 좋아요/댓글 수가 표시되는 화면인데 좋아요/댓글 수치를 변경하고자 합니다. 해당 페이지 진입시 호출되는 API 중 해당 데이터 값을 찾아서 로컬 파일로 저장한 후 원하는 데이터를 변경합니다. (예시에서는 좋아요 수를 나타내는 upCount값과 댓글 수를 나타내는 comm.. Charles Tool로 request값 변조하기 - Map Remote 테스트 업무 수행시 Dev, Stage, Real 등 다양한 환경을 보기 때문에 특정 케이스의 경우 여러 환경으로 세팅하는 경우가 가끔 발생합니다. (Real 환경 에서 Stage or Dev 환경을 호출하는 경우 등..) Charles Tool 기능 중 request 값을 원하는 값으로 변경하여 응답값을 변조하거나 URL을 변경할 수 있습니다. 바로 Map Remote 기능을 사용하면 됩니다. 목적에 따라 다양하게 변경할 수 있지만 2가지 예시를 통해 설명 드리려고 합니다. 예시 1) 블로그 앱 추천 연령 대를 강제로 변경 블로그 앱 추천 탭을 보면 연령대별로 추천글이 설정되어 노출되는데 호출값을 변경하여 강제로 특정 연령대를 볼 수 있습니다. request 중 관련 값을 찾아 Map Remote 메뉴.. Charles로 네트워크 속도 조절하면서 테스트 하기 테스트를 하다보면 네트워크 연결이 원활하지 않을 때 발생하는 이슈들이 간혹 있는데요. 네트워크 속도가 빠르거나 원활할 때는 재현이 되지 않아서 특정 상황을 만들어서 체크할 때가 있습니다. 그럴 때 Chalres를 사용하여 네트워크 속도를 강제로 변경하여 테스트를 수행할 수 있습니다. 1. Proxy > Throttle Settings 메뉴로 진입 2. Enable Throttling 옵션 체크 Charles에서 기본적으로 제공하는 옵션을 사용해도 되고 수동으로 옵션을 설정하여 네트워크 속도를 제어할 수 있습니다. 실제로 제가 자주 사용 하는 옵션 중 일부를 소개합니다. 3G 환경은 아주 빠르지는 않지만 일정 시간 이후에 호출이 되기 때문에 느린 환경을 사용하는 유저 케이스를 재현할 때 유용하게 사용할 수.. Charles Tool 설치하여 HTTP 트래픽 확인하기 테스트를 하다보면 페이지 진입 or 특정 버튼을 눌렀을 때 호출되는 API를 확인해야 할 때가 있습니다. 그 때 사용하는 Proxy Debugging Tool 종류는 다양한데 그 중 하나인 Charles를 소개하려고 합니다. Charles는 무료 평가판 툴이 있어서 사용하는데 문제 없이 사용할 수 있습니다. (사용 시간이 있지만 종료 후 다시 실행으로 가능합니다.) https://www.charlesproxy.com/download/ 로 접속시 툴을 다운 받을 수 있으며 Windows, mac, Linux 등 운영체제별로 사용이 가능합니다. Download a Free Trial of Charles • Charles Web Debugging Proxy Download Charles The latest v.. 이전 1 다음
