Руководство по инструменту захвата пакетов Whistle
Руководство по инструменту захвата пакетов Whistle

1. Знакомство со свистком

Whistle — это кроссплатформенный прокси-инструмент для захвата и отладки пакетов, основанный на Node.js. Он не только поддерживает перехват и изменение запросов HTTP и HTTPS, но также поддерживает несколько протоколов, таких как WebSocket и TCP. Благодаря простой настройке разработчики могут легко реализовать такие функции, как мониторинг трафика, подделка данных, пересылка запросов и фиктивные данные.

1.1 Особенности свистка

  • многопротокольныйподдерживать:поддерживать 【HTTP、HTTPS】 протокол связи клиента и сервера, WebSocket [протокол сетевой связи], TCP [Протокол управления передачей] и другие протоколы.
  • Гибкая конфигурация:может пройти”Простой Легко учиться“Перехват конфигурации правили Изменить сетевой запрос。
  • Мощная масштабируемость:поддерживать Вставной механизм,Дополнительные функции могут быть расширены.
  • Кросс-платформенныйподдерживать:поддерживать Windows、Mac и Linux Несколько операционных систем.

1.2WhistleСравнение преимуществ

whistle

finddler

charles

Кросс-платформенный

поддерживать

Нетподдерживатьmacos

поддерживать

Практическая сложность

Простой

середина

середина

Платить

нет

нет

да

дизайн продукта

веб-страница

клиент

клиент

Документация

китайский

Английский

китайский

Открытый исходный код

да

нет

нет

2. Установка свистка и настройка агента

npm install -g whistle

2.1 Общие команды

whistle stop

whistle start

whistle restart

Если да указывает номер порта, просто замените соответствующее содержимое ключа. Например w2 start -p 8003 ->   w2 stop -p 8003

2.2 Настройка компьютерного агента

После установки войдите в интерфейс настроек компьютера, чтобы отредактировать собственный агент.

Или отредактируйте прокси в локальной сети в панели управления, два эффекта одинаковы.

Настройте сертификат CA. Конфигурация показана на рисунке. Одна картинка стоит тысячи слов.

2.3 Настройка прокси-сервера браузера

Google:

Установите плагин Switchomega для конкретного браузера.

https://chromewebstore.google.com/detail/proxy-switchyomega/padekgcemlokbadohgkifijomclgjgif

Настройте прокси-сервер и номер порта следующим образом. Этот плагин здесь не будет представлен:

Фаерфокс:

Адресная строка: о: предпочтениях

Затем найдите соответствующие настройки и установите свой собственный прокси.

2.4 Настройка мобильного агента

Отсканируйте QR-код на своем мобильном телефоне, чтобы установить сертификат CA.

После успешной установки сертификата мобильный телефон устанавливает IP-адрес хоста.

3. Дела о нарушениях

3.1 Мониторинг трафика

Весь сетевой трафик, проходящий через прокси-сервер, можно отслеживать в режиме реального времени, включая детали запросов и ответов.

Этапы работы

  1. Откройте интерфейс управления Свистком. Во вкладке «Инспекторы» вы можете увидеть все установленные на данный момент сетевые запросы.
  2. Нажмите на конкретный запрос, чтобы просмотреть заголовки запроса, заголовки ответа, тело запроса, тело ответа и другую информацию.

3.2 Пересылка запроса

Запросы могут пересылаться на назначенные серверы на основе правил конфигурации для реализации прокси-сервера интерфейса и функций отладки.

Этапы работы

  1. Добавьте правила переадресации во вкладке «Правила» интерфейса управления.
  2. Пересылать все запросы на доступ к определенному интерфейсу в локальную среду разработки. Пример: a.com b.com.

Мониторинг здесь Наш местный визитbaidu.com Автоматически пересылать запрос на qq.com

Если локальной среды разработки нет, платформа Zhiyan предоставляет услуги ложного интерфейса:

После создания макета правил мы проверяем результаты на почтальоне.

Как видите, отладка пересылки запросов прошла успешно.

3.3 Поддельные коды возврата

Тестируемая страница или интерфейс. Разные коды возврата указывают на разные эффекты.,Для моделирования этих экстремальных ситуаций,Если вам нужно изменить внутренний код для принудительного возврата,Сервис также необходимо развернуть.,Проверять да таким способом относительно неэффективно.,Мы можем напрямую вернуть код состояния интерфейса настройки локально.,добиться результатов испытаний.

Этапы работы

  1. В интерфейсе управления правилами создайте правило.
  2. Установите свои собственные правила, код статуса a.com://404.
  3. Ctrl+S сохранить и проверить

3.4 Поддельные результаты возврата

Интерфейсному интерфейсу необходимо вызвать внутренний API-интерфейс. В это время возвращаемые результаты могут быть подделаны для имитации внутренних данных.

Этапы работы

Исходный результат запроса интерфейса

  1. Добавьте содержимое json на вкладке «Значения» интерфейса управления.

  1. xxx.com resBody://{result}

  1. Просмотр результатов подделанного запроса

3.5 Замена заголовка запроса

Я полагаю, что вы используете аутентификацию Postman и вам необходимо ее обновить, или локальный вход в систему H5 часто требует сканирования QR-кодов.

Таким образом, мы можем войти в систему напрямую без изменений.

Этапы работы

Подтвердите данные аутентификации в заголовке запроса. Я удалил данные аутентификации, и запрос запросил неизвестного вошедшего в систему пользователя.

1. Добавьте контент во вкладке «Значения» интерфейса управления.

2. Настройте переадресацию xxx.com reqHeaders://{header}.

3. Запрос успешен, и возвращаются подсказки, связанные с интерфейсом.

3.6 Задержка ответа

После запуска приложения несколько интерфейсов часто запрашивают сервер в течение короткого периода времени, но некоторым из них не удается повторить попытку механизма.

или

Имитировать тайм-аут запроса Как справиться с этой ненормальной ситуацией?

Этапы работы

1. Установите номер задержки интерфейса xx.com reDelay://1000, задержка на одну секунду.

2. Конечное время задержки = время запроса самого интерфейса + время задержки, корректируйте по мере необходимости

Включите функцию принудительного прерывания. Если время превышает 2 с, сеть отключится.

reqDelay://2000 enable://abort

3.7 Перенаправление

В случае ошибки запроса или тайм-аута запроса проверьте, сможет ли система правильно обработать ненормальную ситуацию.

Уведомление! ! !

Существуют различия в методах и целях обработки между пересылкой и перенаправлением запроса:

Перенаправление: перенаправить запрос на другие URL-адреса через управление кешем прокси-сервера другого сервера, который будет проходить через код ответа 3xx и новый URL-адрес.

Переадресация запроса: переслать запрос на другой URL-адрес. ,клиент только отправляет запрос на сервер для обработки,Результаты обработки возвращаются клиенту

Этапы работы

1. Откройте вкладку «Правила», отредактируйте правила, добавьте адрес перенаправления доменного имени redirect://.

2. Просмотр результатов

3.8 Моделирование слабой сети

Испытайте производительность системы при плохой сети и выявите некоторые проблемы.

Фактическая сетевая среда и задержка в сети могут различаться, поэтому может потребоваться корректировка параметров.

Этапы работы

1. Откройте вкладку «Правила» и задайте имя домена resSpeed://unit kb/s.

2. Просмотр результатов

3.9 Пользовательские стили

Лично я предпочитаю зеленый цвет и считаю, что да — самый красивый цвет в этом инструменте.

Этапы работы

1. Откройте вкладку «Правила» и добавьте правила.

https://test.mapugc.tencent.com style://color=@fff&fontStyle=italic&bgColor=green

Описание параметра:

color = Упрощенное представление цветового кода или ВОЗ Шестнадцатеричное представление цветового кода

fontStyle=Стиль шрифта

bgColor=Цвет фона

4. Резюме

Whistle да Инструмент захвата пакетов с мощными функциями, высокой гибкостью и хорошей масштабируемостью. Гибкая поддержка нескольких протоколов. Хорошая производительность интерфейса выделяет его среди многих инструментов перехвата пакетов.

5. Соответствующие внешние ссылки

boy illustration
Неразрушающее увеличение изображений одним щелчком мыши, чтобы сделать их более четкими артефактами искусственного интеллекта, включая руководства по установке и использованию.
boy illustration
Копикодер: этот инструмент отлично работает с Cursor, Bolt и V0! Предоставьте более качественные подсказки для разработки интерфейса (создание навигационного веб-сайта с использованием искусственного интеллекта).
boy illustration
Новый бесплатный RooCline превосходит Cline v3.1? ! Быстрее, умнее и лучше вилка Cline! (Независимое программирование AI, порог 0)
boy illustration
Разработав более 10 проектов с помощью Cursor, я собрал 10 примеров и 60 подсказок.
boy illustration
Я потратил 72 часа на изучение курсорных агентов, и вот неоспоримые факты, которыми я должен поделиться!
boy illustration
Идеальная интеграция Cursor и DeepSeek API
boy illustration
DeepSeek V3 снижает затраты на обучение больших моделей
boy illustration
Артефакт, увеличивающий количество очков: на основе улучшения характеристик препятствия малым целям Yolov8 (SEAM, MultiSEAM).
boy illustration
DeepSeek V3 раскручивался уже три дня. Сегодня я попробовал самопровозглашенную модель «ChatGPT».
boy illustration
Open Devin — инженер-программист искусственного интеллекта с открытым исходным кодом, который меньше программирует и больше создает.
boy illustration
Эксклюзивное оригинальное улучшение YOLOv8: собственная разработка SPPF | SPPF сочетается с воспринимаемой большой сверткой ядра UniRepLK, а свертка с большим ядром + без расширения улучшает восприимчивое поле
boy illustration
Популярное и подробное объяснение DeepSeek-V3: от его появления до преимуществ и сравнения с GPT-4o.
boy illustration
9 основных словесных инструкций по доработке академических работ с помощью ChatGPT, эффективных и практичных, которые стоит собрать
boy illustration
Вызовите deepseek в vscode для реализации программирования с помощью искусственного интеллекта.
boy illustration
Познакомьтесь с принципами сверточных нейронных сетей (CNN) в одной статье (суперподробно)
boy illustration
50,3 тыс. звезд! Immich: автономное решение для резервного копирования фотографий и видео, которое экономит деньги и избавляет от беспокойства.
boy illustration
Cloud Native|Практика: установка Dashbaord для K8s, графика неплохая
boy illustration
Краткий обзор статьи — использование синтетических данных при обучении больших моделей и оптимизации производительности
boy illustration
MiniPerplx: новая поисковая система искусственного интеллекта с открытым исходным кодом, спонсируемая xAI и Vercel.
boy illustration
Конструкция сервиса Synology Drive сочетает проникновение в интрасеть и синхронизацию папок заметок Obsidian в облаке.
boy illustration
Центр конфигурации————Накос
boy illustration
Начинаем с нуля при разработке в облаке Copilot: начать разработку с минимальным использованием кода стало проще
boy illustration
[Серия Docker] Docker создает мультиплатформенные образы: практика архитектуры Arm64
boy illustration
Обновление новых возможностей coze | Я использовал coze для создания апплета помощника по исправлению домашних заданий по математике
boy illustration
Советы по развертыванию Nginx: практическое создание статических веб-сайтов на облачных серверах
boy illustration
Feiniu fnos использует Docker для развертывания личного блокнота Notepad
boy illustration
Сверточная нейронная сеть VGG реализует классификацию изображений Cifar10 — практический опыт Pytorch
boy illustration
Начало работы с EdgeonePages — новым недорогим решением для хостинга веб-сайтов
boy illustration
[Зона легкого облачного игрового сервера] Управление игровыми архивами
boy illustration
Развертывание SpringCloud-проекта на базе Docker и Docker-Compose