Обязательный инструмент захвата пакетов во внешнем интерфейсе

Node.js внешний интерфейс WeChat JavaScript

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

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

Что такое инструменты захвата пакетов

Наиболее известные из них — Charles на Mac и Fiddler на Windows. Существует слишком много руководств по установке и использованию этих двух, и я не буду вдаваться в подробности в этой статье.Сегодня я познакомлю вас с инструментом-шпионом-отладчиком, который объединяет захват пакетов и отладку страниц H5.

Зачем начинать использовать шпион-отладчик

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

Однако после тестовой среды продукту иногда нужно изменить некоторые стили копирования.Каждый раз, когда это происходит, некоторые временные изменения будут сначала внесены в локальную ветку, а затем объединены в тестовую ветку, а затем скомпилированы и протестированы. Часто вещи, измененные в мобильном режиме браузера, не совсем такие же на реальной машине, и будет много проблем с адаптацией, поэтому, если есть инструмент отладки, он может не только отлаживать страницу реальной машины, но и отлаживать JS, насколько хорошо он захватывает пакеты и анализирует их. Мне нужно только настроить локальный прокси для устройства, а затем я могу изменить код реальной машины в браузере и увидеть эффект на реальной машине, что значительно повышает эффективность модификации, а затем я столкнулся со шпионом-отладчиком. Этот артефакт.

О шпионе-отладчике

Универсальный инструмент для отладки страниц и захвата пакетов. Удаленно отлаживайте любую страницу мобильного браузера, любое мобильное веб-представление (например, WeChat, HybridApp и т. д.). Поддерживается HTTP/HTTPS, USB-подключение не требуется.

характеристика

  1. Отладка страницы + захват пакетов
  2. Простое управление, не требуется USB-подключение
  3. HTTPS поддерживается.
  4. spy-debugger объединяет weinre, node-mitmproxy и AnyProxy.
  5. Автоматически игнорировать запросы https, инициированные собственными приложениями, и перехватывать только запросы https, инициированные webview. Это не влияет на собственные приложения, использующие технологию закрепления SSL.
  6. Может использоваться с другими прокси-инструментами (по умолчанию используется AnyProxy) (установить внешний прокси)

Учебники и официальные документы очень подробны

Ссылка на официальную документацию