May 27, 2022

Настройка Charles Proxy и сбор логов

Первым делом:


Charles Proxy (Rutracker, с лицензией)

Запускаем установленную программу и проходим следующие шаги настройки:

В верхнем меню вам нужно нажать на Help, потом нажимаем на SSL Proxying и потом на Install Charles Root Certificate

После этого вам откроется небольшое окно в котором нужно нажать на Install Certificate

Далее откроется окно по установке сертификата:

В данном окне выбираем Current User и нажимаем на кнопку Next

Потом выбираем вторую строку и нажимаем на кнопку Browser

В открывшемся окне выбрать Trusted Root Certification Authorities (Доверенные корневые центры сертификации), нажать ОК и потом Next

Finish

И если вы все правильно сделали, то вам покажется окно с уведомлением что все прошло успешно:

Далее окрыть опять Charles, в верхнем меню программы нажимаем на Proxy, потом кликаем на SSL Proxying Settings

Потом в открывшемся окне нажимаем на кнопку Add

Далее вводим данные как показано на скриншоте и нажимаешь OK

* - отключение фильтра, чтобы Charles записывал трафик со всех ресурсов, которые открыты в браузере
443 Port - стандартный порт протокола HTTPS, через который происходит связь с ресурсами в сети

Все. На этом настройка самой программы закончена.
Дерево запросов открывается и в нем можно увидеть содержимое, а так же статус и код ответа положительные

Трафик не будет записываться, если запущен VPN клиент (на телефоне тоже), так как он шифрует то, что запечатано внутрь трафика. При активном VPN соединении дерево запроса не будет отображаться так, как на скрине, будет ошибка <unknown>

Настройка на мобильных девайсах

Для начал нужно находиться в одной локальной сети (Общий Wi-Fi) заходим в настройки своей сети на телефоне

Нажимаем на настройки Proxy

Далее выбирать Manual

После этого вам откроется настройка Прокси.

Сначала вам нужно узнать вам локальный IP, которые нужно будет ввести в поле Host

Для этого снова в программу Charles на ПК идем в верхнее меню и нажимаем на Help, потом на Local IP Address

В открывшемся окне находим ваш Локальный адрес. Он будет выглядеть примерно так. Первые значения будут идентичны

Переписываем его в поле Host на телефоне в настройках прокси

А в поле Port вводим 8888

Далее нажимаем галочку для сохранения настроек.

В обязательном порядке проследите чтобы Charles программа была запущена на ПК, иначе у вас не будут загружаться никакие страницы в Интернете.

Далее на вашем смартфоне открываем браузер Chrome и переходим по этой ссылке chls.pro/ssl

После чего вам будет предоставлена возможность установить Сертификат на ваше мобильное устройство. Следуйте установке. (Касается Android устройств)

На iPhone вы сразу же получите запрос с просьбой разрешить сайту показывать вам профиль конфигурации. Нажмите «Разрешить». После этого вы попадете на экран Install Profile для Charles Proxy CA. Нажмите «Установить», вас перенаправят на страницу предупреждения. Нажмите «Установить» еще раз, и еще раз на всплывающем окне. Наконец, нажмите «Готово», чтобы закончить.

Если на iOS не произошло автоматического перехода, то сертификат находится по пути: General - VPN / Device Management - Charles Proxy CA и General - About - Certificate Trust Settings

На этом все настройки закончены. Теперь при каждом сборе логов вам нужно будет только включить прокси на вашем смартфоне, запустить Charles на ПК и начать собирать данные.

Сбор логов

Чтобы начать запись, нужно нажать на кнопку с кругом:

После чего нажать слева на иконку Метлы для очистки логов.

После очистки вы снова нажать на иконку Круга и начинаете воспроизводить ошибку на вашем телефоне или ПК

В левом блоке программы на ПК начнут появляться логи. Их вам и нужно будет предоставить в отчете.

Как только вы воспроизвели ошибку на вашем смартфоне, вам нужно будет нажать опять на иконку Паузы, потом нажать на File в меню и кликнуть на Save Session As.

Сохранять логи следует обязательно в формате .chls

Допустимо перед сохранением удалять все лишние запросы, если хост настроен в режим *

Оглавление