Песочница
Наташа 3 апреля 2017 в 02:01Гайд о том, как с помощью 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.
И так сейчас я вам расскажу о Charles. С чем его едят и как его используют.
Кнопки:
| Создание новой сессии | |
| Открыть сессию (например сохраненную ранее) | |
| Закрыть выбранную сессию | |
| Сохранить сессию | |
| Очистить сессию | |
| Найти текст/цифры в выбранной сессии | |
| Кнопка записи | |
| Кнопка регулирования (как правило оч. редко используется) | |
| Кнопка включения/выключения перехвата данных | |
| Кнопка повтора. Повторяет выбраное(ые) процесс | |
| Кнопка редактирования. Редактирует выбранный процесс | |
| Кнопка утверждения выделенного процесса (практически не используется) | |
| Кнопка задействования других кнопок на этой же панели | |
| Настройки программы | |
| Купить программу (у тех у кого она не зарегистрирована или не крякнута) |
Виды пакетов:
Полезные для нас:
Бесполезные для нас:
Вид запроса:
Полная установка Charles:
1. 
2.
3.
4. Ждем установки
5.
1. Качаем Crack (ищите сами под свою версию программы)
2. Кидаем фаил кряка в папку Charles\lib
3. Файл заменяем
Теперь Ваш Charles готов к использованию!
Настройка Charles с другими браузерами:
1. Заходим в Инструменты -> Настройки.
2. Переходим во вкладку "Дополнительно".
3. Выбираем пункт "Сеть".
4. Жмем кнопку "Прокси серверы...".
5. Ставим галочку напротив пункта "HTTP".
6. Вводим такие данные: IP: 127.0.0.1 Порт: 8888
После окончания работы в программе Charles, необходимо отключить прокси в опере, иначе просто не будут грузится страницы.
1. Заходим в Сервис -> Свойства обозревателя
(также можно через Панель управления)
2. Переходим во вкладку "Подключения".
3. Жмем кнопку "Настройка сети".
4. Ставим на галочку (если она у вас не поставлена) "Использовать прокси-сервер для локальных подключений".
5. В первой строке, там где написанно "HTTP", вводим такие данные:
Адрес: 127.0.0.1 Порт: 8888
Работа с Charles:
1. Открываем саму программу
2. Жмем на для записи
3. Выполняем какое-либо действие в приложении или на сайте чтобы у вас появились запросы
4. Ищем папку которая нам нужна
5. Жмем ПКМ (Правой Кнопкой Мыши)
6. И щелкаем на
Таким образом вы поставили на эту папку Метку перехвата данных. Т.е. запросы в этой папке будут перехватываться.
7. Далее жмем на . Для того чтобы активировать перехват данных.
8. И дальше перехватываем данные.
9. Чтобы изменять данные зайдите в эту вкладку:
10. А затем в этих подкладках пробуйте изменять
11. После того как изменили - Нажимаем кнопку "Execute"
Пример перехвата данных на игре Вкачалке :
Ошибки в программе:
Q - Вопрос
А - Ответ
Q: Почему у меня не работает Правая кнопка мыши в Charle? Что делать?
A: 1. Удалите charles.config (введите в поиске charles.config и это найдется)
2. Удалите полностью Charles (нажмите uninstall , после удалите папочку)
3. Включите CCleaner и почистите реестр
4. Перезагрузите комп
5. Установите Charles
6. И теперь все будет работать
Q: У меня в Mozila не ловит никаких запросов. Что делать?
А: 1.Заходим
4. Выставляем галочки как на скриншоте
5. Если не получилось то попробуйте просто перезапустить Браузер
Q: Что делать с этой ошибкой?
A: Зайдите в Инструменты->Charles->Enable Charles
Q: У меня не загружаются страницы когда запущен Charles. Что делать?
А: В антивирусе добавьте Charles в исключения.(Как именно добавить ищите сами т.к. у всех разные антивирусы)
Q: Выдаёт ошибку The Java installation is broken. Please uinstall and reinstall and reinstall Java from http://www.java.com/ . Что делать?
A: Установите Java с этой ссылки - http://www.java.com/ru , и
предварительно старую удалите.
Q: Когда запускаю Charles у меня просто ничего не происходит. Ни ошибок, ни звуков никаких. Что делать?
A: Надо попробовать переустановить с удалением папок от программ, и с чисткой реестра, например программой CCleaner.
Для удаления заходим в панель управления, «установка и удаление программ», удалим:
- Charles
- Java™ 6 Update 14 (или похожее)
* Насчёт Mozilla не могу сказать «надо» или «не надо», желательно
Папка (и):
C:\Program Files\Charles
Java – её не советую, т.к. это может повлиять на работу системы в целом.
Попробуйте запустить файл: C:\Program Files\Charles\extra\Run Charles.bat
Q: Нажимаю в Firefox на Enable Charles и у меня выдает эту ошибку - Cannot find a running Charles. Please check that Charles is running and that Mozilla Firefox Proxy is enabled in the Proxy menu in Charles. Что делать?
А: Не нужно заходить через Firefox. Просто запустите программу и все.
Q: Что делать с этой ошибкой?
A: Жмиnt Ctrl+Alt+Dlt, затем зайдиnt на закладку "Процессы" найди там процесс JVM и убейте его. Просто Чарли у тебя сглючил и не убрал свой процесс когда ты его закрыл. При повторном запуске, естественно, он уже кричит.
Q: Что делать когда все запросы получаються такого вида?
А: Отключите Firewall или добавьть приложения в исключения и разреши все сетевые действия.
Если вы вдруг не знаете, что такое Charles, то поясню. - это программа прокси сервер, она позволяет пропускать весь трафик, который получает браузер, через себя и даёт возможность даже редактировать его. Некоторые используют эту программу в нечестных целях, но думаю, она создавалась не для этого.
Прежде чем разобраться, как пользоваться Charles, её нужно установить. Программа выпущена для многих платформ, в том числе и для Linux. Не будь версии под линукс, я и не стал бы .
Ну что же, попробую скачать и установить. Пакета под Ubuntu я пока не нашёл, но будем надеяться, что это не станет мне помехой. Скачать пакеты можно тут http://charles-proxy.ru/skachat.html. Да, на этом сайте есть много видео уроков по этой программе.
Но все оказалось намного проще, для Ubuntu подобных дистрибутивов есть репозиторий. Установить его можно так. Сначала скачиваем ключ:
Wget -q -O - http://www.charlesproxy.com/packages/apt/PublicKey | sudo apt-key add -
Затем открываем этой командой файл sources.listsources.list:
Sudo gedit /etc/apt/sources.list
И вписываем в самый низ такую строчку с :
Deb http://www.charlesproxy.com/packages/apt/ charles-proxy main
После этого обновляем источники и устанавливаем прокси сервер Charles.
Sudo apt-get update sudo apt-get install charles-proxy
После установки программы в меню Приложения - Интернет у нас появится значок программы Charles. Попробую запустить....
При первом запуске программа предложила мне установить расширение в :
Ну что же, надо так надо. Оказалось, что нужно перед установкой расширения закрыть Firefox, если он у вас открыт. После установки его нужно опять запустить, пойти в меню Расширения и активировать данный плагин. После этого программа зафурчала при запуске браузера и показала, что открывается при его старте: многовато:(
Ну а вот тут у кого на что хватит фантазии. Я посмотрел некоторые видео и обратил внимание, что этот прокси сервер чаще всего используют для взлома игр, магазинов и так далее. Лично я человек честный и так программу использовать не собираюсь, и вам не советую.
Меня программа больше интересует в плане SEO. Я запустил свой сайт (этот) и посмотрел, куда страница отправляет запросы? Мне не понравилось, что мои социальные кнопки лезут в социальные сети. Я уже догадывался, что эти кнопки очень хитрые. На этом сайте на них жму в основном я, так может из убрать совсем?
Позже я ещё посмотрю, что отправляет мой сайт и кому и постараюсь избавится от лишних "шпионов", они мне нужны? Нет! А вы не пользуетесь этой программой?
Часто особенно у новичков возникают вопросы по использованию программы 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
Видео мануал по работе с программой смотрим ниже.
Как пользоваться С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 мог контролировать все запросы.
