Гайд о том, как с помощью Charles отслеживать пакеты и эмулировать медленную скорость Интернет-соединения на реальном Android -устройстве.
Скачать Charles можно на официальном сайте: www.charlesproxy.com
Продукт условно бесплатный (trial на 30 дней), но нам этого будет вполне достаточно.
Для проведения тестов Вам понадобится:
1) LAN-кабель с вселенным в него интернетом.
2) Ноутбук с возможностью подключения в него того самого LAN-кабеля и wi-fi передатчиком.
3) Реальное Android-устройство с установленным на него мобильным приложением, которое нужно тестировать.
Итак, отключаем ноутбук от всех возможных Wi-fi сетей и подсоединяем к нему LAN-кабель со священным Интернетом. Далее нам необходимо раздать wi-fi с помощью самого ноутбука.
Для этого нужно вызвать командную строку (обязательно - запуск от имени Администратора) и ввести следующие две команды:
Netsh wlan set hostednetwork mode=allow ssid=WIFI key=12345678 keyUsage=persistent
netsh wlan start hostednetwork
(или просто скопировать данный текст в Блокнот, сохранить как *.bat-файл и каждый раз запускать его от имени Администратора).
Wi-fi точка доступа создана. подключаемся к ней своим Android-устройством, имя сети (как Вы догадались, наверное) «WIFI», а пароль – 12345678.
Возможен вариант, что у вас не будет доступа к Интернету на самом устройстве. В таком случае необходимо открыть общий доступ к сети. Как это сделать можно без проблем найти и самому, но раз уж я пишу эту статью, то оставлю полезную ссылку прямо здесь с инструкцией по устранению данной проблемы:
После этого, как показала практика, Интернет на устройстве все-таки появился.
1) Ваш IP-адрес
2) Номер порта, который использует Charles для прокси.
Первую узнаем здесь же, в командной строке, набрав команду ipconfig.
Из всей чепухи которую Вам выдаст cmd.exe нас интересует только cвойства «Ethernet adapter Подключение по локальной сети», а именно IPv4-адрес.
Запоминаем (записываем) его и идем далее.
Номер порта, который использует Charles можно узнать внутри самой программы. Для этого в главном окне программы выберите пункт меню Proxy, в выпадающем списке – Proxy settings. Перед Вами откроется нечто подобное:
Как вы поняли эти заветные 8888 и есть наше второе число. Теперь необходимо задать ограничение скорости соединения. Для этого пройдем в пункт меню Proxy → Throttle Settings.
Ставим галочку Enable Throttling. Only for selected hosts – можно убрать (если не тестируете зависимость работы приложения от какого-либо конкретного домена).
Самый главный параметр – Bandwidth – пропускная способность нашего соединения – устанавливаем на необходимый Вам уровень (я тестировал очень медленное соединение, поэтому поставил 3kb/s). Также, включите запись (Start/Stop Recording) нажав на панели главного окна на соответвующую кнопку для начала записи.
Осталось только настроить наше устройство. Для этого зайдите в настройки, раздел Wi-fi. Заходим в свойства сети, которую раздаем с ноутбука (и к которой уже подключено устройство) выбираем «Настройка прокси» и вводим два волшебных числа в соответствующие поля.
Все готово! Возвращаемся обратно в Charles и во вкладке Sequence видим дивную картину:
Это и есть все запросы, которое делает наше приложение (для образца взял мобильную версию ВК), с подробной информацией по каждому запросу.
P.S: На написание данной статьи меня подтолкнуло несколько вещей:
- отсутствие полного и доступного описания в русскоязычной части интернета.
- англоязычное население YouTube во всех роликах предлагало тестировать Charles на эмуляторах, а для моего старенького ноутбука это смерти подобно.
Надеюсь, данная статья будет полезной. Удачи всем в тестировании и поменьше багов!
Теги: qa, testing tools, charles, charlesproxy
Charles c полной инструкцией на русском
Программа с помощью которой вы сможете перехватывать и модифицировать пакеты.Работает она совместно с браузером.Для этого нужно будет настроить браузер для работы через чарльза.Нужно прописать в настройки прокси сервера браузера следующие настройки:IP: 127.0.0.1 Порт: 8888 а тип прокси выбрать http.Подробная настройка для opera, firefox, internet explirer ниже.Выложена самая актуальная версия Charles 3.5.2.Также не стоит забывать, что для работы чарлеса вам нужно будет установить ява машину, о которой также будет написано ниже.
Для начала нам понабится сам чарлез 3.5.2:
скачать его можно по ссылке ниже.
далее java:
качаем самую актуальную версию для своей операционки отсюда:
Процесс установки прост, сначала устанавливаем java, а потом чарльза.
Итак если чарльз уже у нас установлен разберемся с видами пакетов
Пакеты с которыми мы будем работать:
Ну а эти пакеты нам практически не понадобятся:
Также нужно разобраться как различать входящие(которые мы получаем от сервера) и исходящие(которые мы отправляем на сервер) пакеты:
исходящий
входящий
все просто, отличаются они только стрелочками.
Об установки на различные браузеры:
Для firefox charles устанавливает свое дополнение называемое charles autoconfiguration и ничего больше не надо.
Для opera настройки выглядят следующим образом:
1. Заходим в Инструменты — Настройки.
2. Переходим на вкладку \’Дополнительно\’.
3. Выбираем \’Сеть\’.
4. Жмем на кнопку \’Прокси Серверы\’.
5. Ставим галочку напростив пункта \’HTTP\’.
6. Вводим следующие данные: IP: 127.0.0.1 Порт: 8888
После окончания работы в программе Charles, необходимо отключить прокси сервер в опере, в противном случае страницы в опере больше не будут открыватся т.к. все работает в этом режиме через charles.
Для internet explorer существует следующий алгоритм:
1. Заходим во вкладку Сервис -> Свойства Обозревателя
2. Переходим во вкладку \»Подключения\».
3. Жмем кнопку \»Настройка сети\».
4. Ставим на галочку (Если она у вас не поставлена) \»Использовать Прокси-Сервер для локальных подключений\»
5. В первой строке там где написанно \»HTTP\»
6. Вводим такие данные: Адрес: 127.0.0.1 Порт: 8888
Не забываем отключать прокси сервер после закрытия charles
Теперь поговорим о настройке или как настроить перехват пакетов (breakpoint):
1. Открываем charles
2. Жмем на для записи истории
3. Выполняем какое-либо действие в приложении или на сайте чтобы у вас появились запросы.
4. Ищем Папку которая нам нужна.
5. Жмем ПКМ (Правой Кнопкой Мыши)
6. И щелкаем на
Таким образом вы поставили на эту папку Метку перехвата данных. Т.е. запросы в этой папке будут перехватываться.
7. Далее жмем на
Для того чтобы активировать перехват данных.
8. И дальше перехватываем входящие данные данные.
9. Чтобы изменять данные зайдите в эту вкладку.
Часто особенно у новичков возникают вопросы по использованию программы (Чарльз), потому я все же решил выложить описание работы с программой и ответы на часто задаваемые вопросы по использованию Charles . Так как программа на английском языке, а с инглишем у жителей стран бывшего СССР не сложилось, то кое-что пришлось перевести...
Итак, читаем вникаем и запоминаем... потому как если я увижу вопросы после этой статьи, то просто буду банить, чтобы научились уму разуму)...
Charles Web Debugging Proxy - это HTTP proxy/HTTP монитор/Reverse Proxy позволяющий пользователю наблюдать за всем HTTP траффиком между его компьютером и сетью Интернет. Это включает в себя запросы (requests), ответы (responses) и HTTP заголовки (содержащие cookies и кэш информацию). Charles отображает весь трафик в виде папок с названием серверов. Внутри каждой папки содержатся запросы, которые отображают происходящие события, связанные с данным сервером.
Если Mozilla Firefox не ловит запросы :
Необходимо установить специальный плагин для браузера , чтобы Charles смог контролировать запросы. ПЛАГИН
Если Google Chrome не ловит запросы :
Работа с программой :
Для того, чтобы Charles начал или остановил запись траффика, необходимо нажать на кнопку "Start/Stop Recording" находящуюся на панели инструментов программы (белый круг с точкой).
Если по каким то причинам Charles не отображает связь с нужным вам сервером, то есть не отображается папка с гетевеями, проверьте, не добавили ли вы данный сервер в игнор. Для этого необходимо зайти в меню Proxy->Recording->Settings и там проверить, не присутствует ли нужный вам сервер в графе Ignore Hosts. Если он там есть, удалите его кнопкой Remove. (а простая переустановка программы ничего не изменит и сервер по прежнему будет игнорироваться)
Для того чтобы отредактировать конкретный запрос в Charles, вам необходимо кликнуть правой кнопкой по строчке, например по gateway.php и выбрать там Edit. После внесения нужных изменений, необходимо нажать внизу кнопку Execute, и запрос будет отправлен на сервер.
Если Вам нужно заставить Charles перехватывать запросы с нужного сервера, вам необходимо нажать правой кнопкой по папке сервера в списке и выбрать в контекстном меню Breakpoints(БРЯКИ ). Далее необходимо в панели инструментов Charles нажать на красный шестиугольник с надписью Enable/Disable Breakpoints. После этого программа будет остановливать каждый входящий и исходящий запрос связанный с данным сервером. Вы можете редактировать запросы или отправлять сразу кнопокй Execute. Исходящие запросы, от вас к серверу, будут появляться в Charles с красными стрелками вверх. Входящие запросы, ответы сервера, появляются со стрелкой вниз.
Функционал , или разбираемся с кучей красивых кнопочек в Charles...
Кнопки :
Создание новой сессии -
Открыть сессию (например сохраненную ранее) -
Закрыть выбранную сессию -
Сохранить сессию -
Очистить сессию -
Найти текст/цифры в выбранной сессии -
Кнопка записи -
Кнопка регулирования (как правило, редко используется) -
Кнопка Включения/Выключения Перехвата данных -
Кнопка повтора. Повторяет выбраное(ые) процесс -
Кнопка утверждения выделенного процесса(практически не используется) -
Кнопка задействования других кнопок на этой же панели -
Настройки программы -
Последний пункт с корзиной - совершенно не нужен, если Вы крякните программу)...
Виды пакетов :
Полезные для нас :
Ненужные пакеты (мусорные)
Виды запросов Charles :
Исходящий Запрос
(Со стрелочкой вверх):
Входящий запрос
(Со стрелочкой вниз):
Установка Charles принципиально не чем не отличается от других программ, появится окно, в котором необходимо нажать Next :
Далее необходимо выбрать компоненты для установки, список их не богат, потому оставляем все, по умолчанию и жмем Next
:
Переходим в следующее окно диалогового установщика, где нам предлагаю выбрать путь, куда инсталлировать (устанавливать) программу и ее компоненты, по умолчанию эта папка Program Files
, я в нее и установил, нажав Install
:
В завершении процесса установки, появляется окно, которое говорит нам, все замечательно, все правильно установилось и какие мы большие молодцы, что справились, с столь тяжелейшим процессом))), жмем Finish
, на этом установка завершена:
Плагин Charles для FireFox
, перейдя по ссылке, появится окно, которое нам сообщит, что FireFox заблокировал запрос на установку программного обеспечения на компьютер с этого сайта (www.charlesproxy.com) (установочные окна могут отличаться в зависимости от версии браузера FireFox, я привожу пример на базе 4-той версии)... Вам необходимо нажать "Разрешить
":
После этого появится окно загрузки:
Далее появится окно с сообщением о "Установке программного обеспечения", жмете -> "Установить сейчас
":
Появится сообщение о том, что Charles Autoconfiguration
будет установлен после перезапуска вами Firefox, нажмете "Перезапустить сейчас
":
После перезагрузки Firefox, можно преступать к работе с программой... Но перед этим необходимо, по-крайней мере я бы рекомендовал, сходить на сайт java.com
, скачать оттуда и проинсталлировать последнюю версию виртуальной машины...
Активация Charles :
Если программа была скачана с нашего сайта, то необходимо делать следующее, для версии 3.5.2... Идем в папку iNViSiBLE и запускаем patcher.bat (убедитесь, что у Вас установлена JAVA, скачать можно последнюю версию на java.com), после запуска, нам надо будет ввести путь с Jar File программы Charles, стандартно это путь: C:\Program Files\Charles\lib, выбираем файл charles.jar и жмем Open, затем, .patch!
Если программа будет успешно пропатчена, выдаст сообщение: "Your applicarion has successfully beeb patched", жмем OK , закрываем...
Для того, чтобы зарегистрировать Charles, необходимо запустить программу, зайти в программе во вкладку информация, регистрация и ввести регистрационные данные (см.ниже):
Registered name: iNViSiBLE TEAM License key: 1337
Все после этого Ваша программа полностью работоспособна и не имеет никаких ограничений.
Прикручиваем Charles к другим браузерам :
Настройка Charles на Opera (писал уже в статье, но повторюсь):
1. Заходим в Инструменты ----> Настройки.
2. Переходим во вкладку "Дополнительно".
3. Выбираем пункт "Сеть".
4. Жмем кнопку "Прокси Серверы...".
5. Ставим галочку напротив пункта "HTTP".
6. Вводим такие данные: IP: 127.0.0.1 Порт: 8888
После окончания работы в программе Charles, необходимо отключить прокси в опере, иначе просто не будут грузится страницы.
Настройка Charles на Internet Explorer (не думаю, что кто-то еще пользуется этим го...ном, но все же):
1. Заходим в Сервис ----> Свойства Обозревателя
2. Переходим во вкладку "Подключения".
3. Жмем кнопку "Настройка сети".
4. Ставим на галочку (Если она у вас не поставлена) "Использовать Прокси-Сервер для локальных подключений"
5. В первой строке там где написано "HTTP"
6. Вводим такие данные: Адрес: 127.0.0.1 Порт: 8888
Видео мануал по работе с программой смотрим ниже.
Многие пользователи интересуются программой Charles и пытаются разобраться в ее работе. Но прежде чем устанавливать и выяснять, как пользоваться Charles, надо более подробно выяснить, что это за программа и для чего нужна. Все эти вопросы, интересующие пользователей, и будут рассмотрены в данной статье.
Charles - это программный прокси, который позволяет контролировать весь трафик интернета. Ведь осуществляя соединение, браузер на компьютере получает все данные с сайтов. Это и различного рода запросы, ответы, которые включают кэш-информации и файлы cookies. Все данные прокси отображает в виде папок, которые имеют названия серверов. В каждой из них находятся данные, отображающие события, связанные с конкретным сервером. Все это в дальнейшем пользователь сможет редактировать, надо будет только разобраться в том, как работать с Charles.
Самый первый шаг - это скачивание и установка нужного браузера (в данном случае - Firefox), а следом и самой прокси Charles. Можно устанавливать как платную, так и бесплатную версию, работают они одинаково. После процесса установки и запуска программы в Firefox, запустится вкладка «Инструменты» - «Charels» - « Enable Charels», в которой начнут проходить процессы передачи данных к интернет-серверам с конкретного компьютера.
Перед тем, как пользоваться Charles, надо ее установить. Процесс нетрудный и обычно не вызывает дополнительных сложностей. После скачивания прокси на компьютер, надо запустить файл exe. setup. В процессе установки менять ничего не потребуется, надо только везде нажимать кнопку «Далее». Затем, после окончания, рекомендуется поставить Crack. Это надо для того, чтоб сама программа в будущем не напоминала постоянно о том, что требуется регистрация. Нужный файл с «кряком» копируется с заменой в папку «Charles/lib». Кроме этого, чтобы программа работала корректно, на компьютер надо установить приложение Java.
Выше упоминалось о том, что данная прокси работает в основном с браузером Mozilla Firefox. Чтоб не возникло никаких трудностей в вопросе о том, как использовать Charles, для него заранее желательно установить дополнительный плагин. Он позволит держать под контролем все существующие вопросы. Какие-либо дополнительные настройки не требуются, после процесса готова к работе. Останется только ее запустить.
Для начала полного функционирования Charles активируется кнопка «Start/Stop Recording», которая располагается на панели инструментов и выглядит как точка внутри белого круга. Ее запуском начинается или останавливается работа по контролю над трафиком. Да и совсем неплохо бы, перед тем, как пользоваться Charles, изучить данное меню. На первом этапе работы возможна ситуация, что прокси не покажет существующую связь с работающим интернет-сервером или не отобразит папки с гетевеями. Ничего страшного, причина, вероятнее всего, в том, что программа добавлена в списки игнорируемых и компьютер просто не обращает на нее внимания. Проверить это можно, зайдя в меню прокси «Recording Settings» и открыв графу Ignore Hosts. Если нужный сервер найдется в данном месте, его надо просто удалить при помощи кнопки «Remove». Вариант переустановки программы в данном случае не поможет.
Редактировать определенный запрос, к примеру, gateway.php, надо при помощи правой кнопки мыши: кликаем по нужной строке, выбираем функцию «Edit», вносим исправления, сохраняем, и отправляем на сервер с помощью «Execute». Чтоб осуществить действие перехвата запроса с сервера, надо выдрать папку нужного, открыть ее и в появившемся меню выбрать команду «Breakpoints». Затем в панели инструментов запускается «Enable/Disable Breakpoints» (выглядит как красный шестиугольник). После таких действий входящие запросы отображаются красной стрелкой, направленной вниз, исходящие, наоборот, указываются стрелкой, направленной вверх.
Ну вот, это основные моменты, отвечающие на то, как пользоваться Charles. Если же на компьютере не стоит нужный для работы программы браузер Mozilla, страшного ничего нет. Charles работает в Опере и Гугл Хроме. Надо только настроить и подредактировать данное программное обеспечение. В Опере это можно сделать через папку «Инструменты». Последовательно надо выполнить следующие шаги: «Общие настройки» - «Расширенные» - «Сеть» - «Прокси-серверы», установить галочки HTTP и HTTPS, IP: 127.0.0.1 и порт: 8888. После чего все это сохранить. Почти то же самое надо проделать и в Хроме: «Параметры» - «Изменить настройки прокси-сервера» - «Подключения» - «Использовать прокси-сервер».
Как пользоваться Сharles?
Charles - это программный прокси http. Он все запросы, которые приходят в браузер от сайтов, пропускает сквозь себя и позволяет вам их контролировать. Все эти значения, которые передаются, можно будет вам редактировать.
Перед тем, как вы узнаете, как пользоваться charles, необходимо скачать браузер Firefox и установить, а также саму прокси Charles, качать можно и бесплатную версию, ее хватит.
После установки и запуска в Firefox в меню Инструменты > Charels > Enable Charels в окне увидите, как будут происходить разные действия, это будут передаваться данные от компьютера к серверам интернета.
Charles Web Debugging Proxy - HTTP proxy/HTTP монитор/Reverse Proxy, который позволяет наблюдать вам за HTTP трафиком между вашим компьютером и Интернетом. Здесь включаются запросы, ответы и HTTP заголовки, которые содержат cookies и кэш.
Запускаем.Exe setup, не меняем ничего, нажимаем «далее» и Charles устанавливается на ваш компьютер. Потом желательно поставить Crack, чтоб программа не напоминала вам о регистрации. Файл кряка надо кинуть в папку Charles/lib с заменой.
Charles работает с браузером Mozilla Firefox. Заранее нужно установить плагин для этого браузера, чтобы Charles мог контролировать все запросы.
