Часто особенно у новичков возникают вопросы по использованию программы (Чарльз), потому я все же решил выложить описание работы с программой и ответы на часто задаваемые вопросы по использованию 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

Видео мануал по работе с программой смотрим ниже.

Как пользоваться Сharles?

Charles - это программный прокси http. Он все запросы, которые приходят в браузер от сайтов, пропускает сквозь себя и позволяет вам их контролировать. Все эти значения, которые передаются, можно будет вам редактировать.

Перед тем, как вы узнаете, как пользоваться charles, необходимо скачать браузер Firefox и установить, а также саму прокси Charles, качать можно и бесплатную версию, ее хватит.

После установки и запуска в Firefox в меню Инструменты > Charels > Enable Charels в окне увидите, как будут происходить разные действия, это будут передаваться данные от компьютера к серверам интернета.

Charles Web Debugging Proxy - HTTP proxy/HTTP монитор/Reverse Proxy, который позволяет наблюдать вам за HTTP трафиком между вашим компьютером и Интернетом. Здесь включаются запросы, ответы и HTTP заголовки, которые содержат cookies и кэш.

Как пользоваться программой charles:

Установка

Запускаем.Exe setup, не меняем ничего, нажимаем «далее» и Charles устанавливается на ваш компьютер. Потом желательно поставить Crack, чтоб программа не напоминала вам о регистрации. Файл кряка надо кинуть в папку Charles/lib с заменой.

Charles работает с браузером Mozilla Firefox. Заранее нужно установить плагин для этого браузера, чтобы Charles мог контролировать все запросы.

Работа с программой

• Чтобы в Charles начать или остановить запись трафика, нужно нажать кнопку «Start / Stop Recording», которая находится на панели инструментов самой программы (белый круг с точечкой).
• Чтобы отредактировать нужный запрос в программе Charles, необходимо кликнуть правой кнопкой мыши по строке, например gateway.php и выбрать Edit. После того, как внесли нужные изменения, нажмите внизу кнопку Execute, и ваш запрос будет передан на сервер.
• Если нужно, чтобы Charles перехватывала запросы с необходимого сервера, необходимо нажать правой кнопкой мыши на папку сервера в вашем списке и выбрать в меню Breakpoints. Дальше в панели инструментов программы нажать на красный шестиугольник Enable/Disable Breakpoints. Далее Charles будет останавливать любой входящий или исходящий запрос связанный с необходимым сервером. Вы сможете редактировать ваши запросы и отправлять сразу кнопкой Execute.
• Если же в Charles не отображается связь с сервером, не видна папка с гетевеями, проверьте или не добавили вы сервер в игнор. Нужно в Proxy-Recording Settings проверить, нет ли там нужного сервера в Ignore Hosts. Если есть, тогда удалите его кнопкой Remove. Обычная переустановка ничего не даст и сервер так же будет игнорироваться.

Проблемы с программой Charles:

• Если у вас нет Mozilla Firefox, вы можете работать с Charles и через Opera, но только нужно ее настроить: папка Инструменты-Общие настройки-Расширенные-Сеть-Прокси серверы. Поставить галочки HTTP и HTTPS и внести IP: 127.0.0.1 и порт: 8888. Нажать Ок.
• Если у вас нет Mozilla Firefox, вы также можете работать с программой через Google Chrome. Необходимо настроить: в верхнем левом углу вашего монитора нажимаете на ключ > Параметры > Изменить настройки прокси-сервера вводите вкладка Подключения Настройка вставляете галочку использовать прокси-сервер и адрес: 127.0.0.1, порт: 8888. Нажать Ок.

Часто особенно у новичков возникают вопросы по использованию программы Charles (Чарльз), потому я все же решил выложить описание работы с программой и ответы на часто задаваемые вопросы по использованию 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 отслеживать пакеты и эмулировать медленную скорость Интернет-соединения на реальном 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

Песочница

Жрец 3 апреля 2017 в 02:01

Charles – Инструкция для чайников

• Тестирование мобильных приложений

Гайд о том, как с помощью 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