1 Знакомство с Чарльзом

• CharlesэтоHTTPактерское мастерство/ HTTPмонитор/обеспечить регрессактерское мастерство,иметь возможность просматривать свои машины иInternetмеждуизвсеHTTP и SSL / HTTPSпоток。Сюда входят запросы,ответ иHTTPзаголовок（Включатьcookieи кэшировать информацию）；
• существовать Когда занимаюсь мобильной разработкой,Для отладки протокола сетевого взаимодействия со стороной сервера,Можно использоватьCharlesПерехватывать сетевые пакеты для анализа；
• Charles Установив себя в качестве прокси-сервера доступа к сети системы, все запросы доступа к сети выполняются через него, тем самым реализуя перехват и анализ сетевых пакетов;
• Charles Его также можно использовать для анализа протоколов связи сторонних приложений. Сотрудничать Charles из SSL Функция,Charles Вы также можете проанализировать Https протокол.

2 основные функции Чарльза

• На официальном сайте вы можете увидеть следующую информацию:
  

  Вставьте сюда описание изображения
• Примерно означает:

1、SSL-прокси – просмотр запросов и ответов SSL в виде обычного текста.
2. Ограничение пропускной способности для имитации более медленного подключения к Интернету, включая задержку.
3. Отладка AJAX — просмотр запросов и ответов XML и JSON в виде деревьев или текста.
4. AMF — просмотр содержимого сообщения об удаленном взаимодействии Flash/Flex в виде дерева.
5. Повторите запрос для проверки изменений серверной части.
6. Отредактируйте запрос, чтобы протестировать различные входные данные.
7. Перехватывать и редактировать точки останова запроса или ответа.
8、Проверка записей изHTML с помощью валидатора W3C、Адаптивность CSS и RSS/атома

3 Чарльз скачать

• Адрес официального сайта Чарльза：
  

  Вставьте сюда описание изображения
• Нажмите на картинкуиз Кнопка загрузки для перехода на страницу загрузки.：Страница загрузки Чарльза：
  

  Вставьте сюда описание изображения
• Выберите свою операционную систему для загрузки,Я использую здесьиздаWindowsплатформа。

4 инсталляция Чарльза

• После загрузки дважды щелкните, чтобы выполнить:
  

  Вставьте сюда описание изображения
  

  Вставьте сюда описание изображения
• Следуйте инструкциям для завершения установки:
  

  Вставьте сюда описание изображения
• После установки войдите в основной интерфейс:
  

  Вставьте сюда описание изображения
• Как правило, после загрузки предоставляется 30-дневный пробный период:
  

  Вставьте сюда описание изображения
• Если вы хотите использовать это с научной точки зрения,Вы можете попробовать следующие методы,в настоящий моментсуществовать4.6.5Проверка версиидаokиз：

# Спасибо пользователям сети за предоставленный метод:
charles-Help-Register Charles：
Registered Name: https://zhile.io
License Key: 48891cf209c6d32bf4

Вставьте сюда описание изображения

Вставьте сюда описание изображения

5 Знакомство с интерфейсом Charles

• Основной интерфейс представлен следующим образом:
  

  Вставьте сюда описание изображения

6 Решения проблемы невозможности захвата данных локального хоста

• Мы развернули тестовую среду, которая была развернута локально;
• нодаCharlesНевозможно захватить пакет данных；
• После прочтения официального сайта он представлен следующим образом:
  

  Вставьте сюда описание изображения
• иметь в видуда Использование системыизда Жесткое кодирование не может быть использовано.localhostпередача,Поэтому его невозможно поймать;
• Вот как это настроить,Открытьhostsдокумент,Добавьте следующий контент:

# Путь к файлу:
C:\Windows\System32\drivers\etc

# Добавить контент:
127.0.0.1       http://localhost.charlesproxy.com/

• Затемсуществовать Войдите в браузерhttp://localhost.charlesproxy.com/Вот и все,войди в насизтестовая среда：
  

  Вставьте сюда описание изображения
• Затем Посмотрите еще разCharlesМожет захватывать пакеты данных：
  

  Вставьте сюда описание изображения

7 захват http-пакетов

• Для этого не требуется слишком много настроек, просто откройте программу и пользуйтесь ею;
  

  Вставьте сюда описание изображения
• Здесь вы можете видеть, что естьhttpпротоколизданные；

8 https захват пакетов

8.1 Импорт SSL-сертификата

• Требуется установкаSSLСертификат；
• ОткрытьCharlesинструмент,Нажмите【Help】–>【SSL Proxying】-【install Charles Root Certificate 】УстановитьCharlesкорень Сертификат；
  

  Вставьте сюда описание изображения
• Откройте интерфейс установки сертификата:
  

  Вставьте сюда описание изображения
• Нажмите [Установить сертификат]:
  

  Вставьте сюда описание изображения
• Выберите следующее:
  

  Вставьте сюда описание изображения
• Возможные варианты:
  

  Вставьте сюда описание изображения

8.2 Настройка SSL-прокси

• выбирать【Proxy】–>【SSL Proxying Setting】,Проверять【Enable SSL Proxying】：
  

  Вставьте сюда описание изображения
• Вы можете видеть, что соответствующие были пойманыhttpsизданные Сумка：
  

  Вставьте сюда описание изображения

9 захват пакетов приложения

9.1 Конфигурация компьютера

• ОткрытьCharlesинструмент；
• Нажмите【Help】–>【local IP Address】Возьмиipадрес：
  

  Вставьте сюда описание изображения
  

  Вставьте сюда описание изображения
• как яизipда192.168.1.23,Конечно Можно использоватьipconfigКоманда для просмотра локального компьютераизipадрес：
  

  Вставьте сюда описание изображения
• ОткрытьProxies Settings,Установить порт,Здесь обратите внимание, что вам необходимо настроить компьютер так, чтобы он не занимал порт.,По умолчанию — 8888:
  

  Вставьте сюда описание изображения
• При указанных выше настройках получаем следующее:

ip：192.168.1.23
Порт: 8888

9.2 Конфигурация мобильного телефона

• Открытьсотовый телефонизWiFiИнтерфейс настройки,НажмитесоединятьизWiFiсеть；
  

  Вставьте сюда описание изображения
  8.1.23 Порт: 8888
• Нажмите агент:
  

  Вставьте сюда описание изображения
• Выберите [Вручную]:
  

  Вставьте сюда описание изображения
• настраиватьактерское мастерствоipипорт,То есть ранее мы получилиизipи Установить порт,Просто сохраните его:
• Управляя своим мобильным телефоном, вы можете увидеть соответствующую информацию о данных:
  

  Вставьте сюда описание изображения
• С помощью вышеуказанных настроек вообще невозможно захватить мобильный телефон.изhttpsСумка,На картинке выше я на самом деле все это настроил;
• Если его невозможно захватить на мобильный телефонизhttpsСумка,Также необходимо импортироватьSSLСертификат,действоватьда Нажмите【Help】–【SSL Proxying】-【install Charles Root Certificate】：
• Нажмите【Install Charles Root Certificate On a Mobile Device or Remote Browser】,существовать Введите картинку на свой мобильный телефонизURL-адрес Установить Сертификат Вот и все：
  

  Вставьте сюда описание изображения

10 Как Чарльз фильтрует данные?

10.1 Фильтр

• существовать Filter Просто заполните необходимые условия фильтрации. Перед фильтрацией у нас есть много данных:
  

  Вставьте сюда описание изображения
• Я хочуlocalhostСвязанныйизотфильтровать,прямойсуществовать FilterВойтиlocalhostВот и все：
  

  Вставьте сюда описание изображения

10.2 Фильтрация настроек записи

• Нажмите напрямую 【Proxy】-【Recording Settings】-【Include】-【add】：
  

  Вставьте сюда описание изображения
• Введите целевой адрес для сканирования、порт、Хост и другая информация Вот и все,Сделай это и скажи,Могут быть сохранены только настройки и данные хоста.

11 Как Чарльз проводит тестирование слабой сети?

• иfiddlerТакой же,CharlesТакже можно выполнить тестирование слабой сети.；
• Нажмите【Proxy】–【Throttle Setting】-【Enable Throttle】
  

  Вставьте сюда описание изображения
• Просто установите скорость загрузки и скачивания по сети.

12 Чарльз подделал данные?

• Выберите интерфейс,Щелкните правой кнопкой мыши【Breakpoints】：

Вставьте сюда описание изображения

• Нажмите【proxy】-【Breakoint Setting】Открыть断点настраивать窗口：
  

  Вставьте сюда описание изображения
• Дважды щелкните этот интерфейс, чтобы установить данные запроса и ответа:
  

  Вставьте сюда описание изображения

Я участвую в четвертом выпуске специального учебного лагеря Tencent Technology Creation 2023 с эссе, получившими награды. Приходите и разделите приз со мной!