Просматривать сетевой трафик с помощью собственного встроенного отладчика.
Я разрабатываю приложение React Native с использованием приложения create-Reaction-native-app (так, Expo), тестирую на реальном устройстве, используя мой сетевой IP-адрес (192.xxx.xxx.xxx). Мне удалось запустить и запустить отладку Reaction-native-Debugger удаленно. Он открывает rn-debugger, redux devtools и chrome devtools в 3 отдельных окнах.
Мой вопрос: возможно ли увидеть экви-планет на вкладке сети из инструментов разработчика Chrome, чтобы показать весь сетевой трафик, входящий и выходящий из приложения (например, когда мое приложение выполняет вызовы API с помощью Axios)?
Фактическая вкладка сети в окне инструментов Chrome dev, по-видимому, просто показывает сетевой трафик между отладчиком и приложением, работающим на локальном устройстве, поэтому она просто показывает материал веб-сокета, который использует отладчик, а не сетевой трафик моего приложения.
Чтобы обойти это, я мог бы просто загружать данные на консоль при выполнении запросов, но как веб-разработчик я привык видеть все заголовки, json, timings и т. Д. В удобном виде.
2 ответа
Хорошо, я нашел ответ в документации RND здесь, так что я собираюсь ответить на свой собственный вопрос.
Там много кода, но я понял, что вам не нужно ничего делать, кроме как щелкнуть правой кнопкой мыши в отладчике и нажать "Включить проверку сети", как подробно описано на этой странице:
https://github.com/jhen0409/react-native-debugger/blob/master/docs/shortcut-references.md
Что ж, позвольте мне предложить вам, чтобы Reactionotron - это полезный инструмент для проверки сетевого трафика или событий из реагирующего нативного приложения.