May 4, 2020

Академия Чарлис

Эта академия по своей сути ничем не отличается от мобильной. Здесь вам так же предстоит тестировать сайт с мобильного устройства. Но одно отличие все-таки есть, оно заключается в способе сбора логов. Эта академия требует, чтобы все логи были записаны при помощи программы Charles Proxy.

Первым шагом, необходимо загрузить сам софт для сбора логов. Сделать это вы можете по этой ссылке https://www.charlesproxy.com/download/

Далее вам необходимо установить эту программу на свой ПК

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

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

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

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

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

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

В открывшемся окне выбираем Trusted Root Certification Authorities, нажимаем ОК,

а затем Next

Далее жмем на кнопку Finish

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

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

потом кликаем на SSL Proxying Settings

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

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

Все. На этом настройка самой программы закончена.


Теперь приступим к настройке мобильного устройства.

Для этого подключаемся к своей WIFI сети и заходим в ее настройки на телефоне.

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

Далее выбираем Manual

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

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

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

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

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

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

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

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

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

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

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

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


Теперь приступим к сбору самих логов.

Для этого вы еще раз проделываете выше сказанное.

Далее в программе на ПК вам нужно будет нажать на иконку паузы:

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

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

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

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

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

Советую на время сбора чарлис логов отключить все, что использует трафик(видео на фоне, звонки в дискорд и тд), потому что чарлис отлавливает все пакеты трафика. У меня как-то раз в логах большими буквами было написано Discord Russia, но я вовремя это заметил. Проверяющие (TTL) не слишком заинтересованы в том, чтобы подловить вас, но и дразнить их попусту не стоит.