Как пользоваться Charles. Установка, краткий обзор на Windows.

128 прочитали
Приложение Charles аналогично приложению Fiddler (установку разобрали в прошлой статье), оно также работает как прокси-сервер и служит для просмотра запросов, которые идут между клиентом и сервером.

Приложение Charles аналогично приложению Fiddler (установку разобрали в прошлой статье), оно также работает как прокси-сервер и служит для просмотра запросов, которые идут между клиентом и сервером. Рассмотрим как использовать Charles для Chrome.

Установка Charles

  • Для начала скачиваем саму программу
  • Сама установка не сложная, выбираем место куда установим и на этом всё.
  • Сразу после установки приложения можно приступить к работе.

Настройка Charles

  • Для начала установим сертификат. Help - SSL Proxying - Install Charles Root Certificate.
Приложение Charles аналогично приложению Fiddler (установку разобрали в прошлой статье), оно также работает как прокси-сервер и служит для просмотра запросов, которые идут между клиентом и сервером.-2
  • Нажимаем Установить сертификат
Приложение Charles аналогично приложению Fiddler (установку разобрали в прошлой статье), оно также работает как прокси-сервер и служит для просмотра запросов, которые идут между клиентом и сервером.-3
  • Выбираем Текущий пользователь
Приложение Charles аналогично приложению Fiddler (установку разобрали в прошлой статье), оно также работает как прокси-сервер и служит для просмотра запросов, которые идут между клиентом и сервером.-4
  • Далее выбираем пункт Поместить все сертификаты в следующее хранилище
Приложение Charles аналогично приложению Fiddler (установку разобрали в прошлой статье), оно также работает как прокси-сервер и служит для просмотра запросов, которые идут между клиентом и сервером.-5
  • И выбираем Доверенные корневые центры сертификации. Нажимаем ОК - Далее - Готово
Приложение Charles аналогично приложению Fiddler (установку разобрали в прошлой статье), оно также работает как прокси-сервер и служит для просмотра запросов, которые идут между клиентом и сервером.-6
Приложение Charles аналогично приложению Fiddler (установку разобрали в прошлой статье), оно также работает как прокси-сервер и служит для просмотра запросов, которые идут между клиентом и сервером.-7
  • Должно появиться окно об успешном импорте. Нажимаем Ок- Ок.
Приложение Charles аналогично приложению Fiddler (установку разобрали в прошлой статье), оно также работает как прокси-сервер и служит для просмотра запросов, которые идут между клиентом и сервером.-8
  • Перезапускаем Charles.
  • На главной странице Charles открываем Proxy - Windows Proxy - Убираем галочку.
Приложение Charles аналогично приложению Fiddler (установку разобрали в прошлой статье), оно также работает как прокси-сервер и служит для просмотра запросов, которые идут между клиентом и сервером.-9
  • Далее открываем Proxy - Proxy Settings
Приложение Charles аналогично приложению Fiddler (установку разобрали в прошлой статье), оно также работает как прокси-сервер и служит для просмотра запросов, которые идут между клиентом и сервером.-10
  • Выставляем порт - 8888 - Нажимаем ОК
Приложение Charles аналогично приложению Fiddler (установку разобрали в прошлой статье), оно также работает как прокси-сервер и служит для просмотра запросов, которые идут между клиентом и сервером.-11
  • Тут же во вкладке Windows убираем все галочки и нажимаем ОК
Приложение Charles аналогично приложению Fiddler (установку разобрали в прошлой статье), оно также работает как прокси-сервер и служит для просмотра запросов, которые идут между клиентом и сервером.-12
  • Открываем Proxy - SLL Proxying Settings
Приложение Charles аналогично приложению Fiddler (установку разобрали в прошлой статье), оно также работает как прокси-сервер и служит для просмотра запросов, которые идут между клиентом и сервером.-13
  • Ставим галочку Enable SSL Proxying. В Include нажимаем Add и добавляем *.
Приложение Charles аналогично приложению Fiddler (установку разобрали в прошлой статье), оно также работает как прокси-сервер и служит для просмотра запросов, которые идут между клиентом и сервером.-14
Приложение Charles аналогично приложению Fiddler (установку разобрали в прошлой статье), оно также работает как прокси-сервер и служит для просмотра запросов, которые идут между клиентом и сервером.-15
  • Нажимаем ОК
  • После переходим в Proxy - Access Control Settings
Приложение Charles аналогично приложению Fiddler (установку разобрали в прошлой статье), оно также работает как прокси-сервер и служит для просмотра запросов, которые идут между клиентом и сервером.-16

  • Выбираем все пункты (если есть) и нажимаем Remove. Нажимаем ОК.
Приложение Charles аналогично приложению Fiddler (установку разобрали в прошлой статье), оно также работает как прокси-сервер и служит для просмотра запросов, которые идут между клиентом и сервером.-17
  • Перезапускаем Charles.

Подключение Charles к браузеру Chrome

  • Открываем Chrome - Настройки - Система - Открыть настройки прокси-сервера для компьютера.
Приложение Charles аналогично приложению Fiddler (установку разобрали в прошлой статье), оно также работает как прокси-сервер и служит для просмотра запросов, которые идут между клиентом и сервером.-18
  • Переходим в Состояние - Свойства - копируем IPv4-адрес.
Приложение Charles аналогично приложению Fiddler (установку разобрали в прошлой статье), оно также работает как прокси-сервер и служит для просмотра запросов, которые идут между клиентом и сервером.-19
  • Возвращаемся назад - Выбираем Прокси сервер - Нажимаем Использовать прокси-сервер
Приложение Charles аналогично приложению Fiddler (установку разобрали в прошлой статье), оно также работает как прокси-сервер и служит для просмотра запросов, которые идут между клиентом и сервером.-20
  • В адрес вводим скопированный IPv4-адрес порт - 8888. Нажимаем Сохранить.
  • Далее очень важный пункт❗ После открытия Charles у вас должно появиться следующее окно, Но оно может не появиться!.
  • Нужно нажать Allow
Приложение Charles аналогично приложению Fiddler (установку разобрали в прошлой статье), оно также работает как прокси-сервер и служит для просмотра запросов, которые идут между клиентом и сервером.-21
  • Если не появляется закройте Charles и запустите повторно. Возможно потребуется воспроизвести все шаги повторно. Вы могли к примеру вставить DNS-серверы IPv4 вместо IPv4-адрес. Тщательно перепроверьте
  • Также вы можете попробовать сами добавить адрес, если не появляется уведомление. Для этого переходим в Proxy - Access Control Settings и добавляем IPv4-адрес сами.
Приложение Charles аналогично приложению Fiddler (установку разобрали в прошлой статье), оно также работает как прокси-сервер и служит для просмотра запросов, которые идут между клиентом и сервером.-22
  • По желанию вы можете добавлять фильтры. Для этого переходим в Proxy - Recording Settings - Include - Add
Приложение Charles аналогично приложению Fiddler (установку разобрали в прошлой статье), оно также работает как прокси-сервер и служит для просмотра запросов, которые идут между клиентом и сервером.-23
  • После этого у вас будет происходить сбор трафика!
Приложение Charles аналогично приложению Fiddler (установку разобрали в прошлой статье), оно также работает как прокси-сервер и служит для просмотра запросов, которые идут между клиентом и сервером.-24

Если у вас есть вопросы или вы просто хотите стать частью команды тестировщиков, то переходи в ТГ канал, где можем пообщаться с единомышленниками и найти много интересных и полезных знаний!