Просмотр сетевого трафика с использованием собственного отладчика реакции - PullRequest
0 голосов
/ 07 сентября 2018

Я занимаюсь разработкой приложения 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 и тайминги и т. Д. В удобном виде.

Ответы [ 2 ]

0 голосов
/ 07 сентября 2018

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

0 голосов
/ 07 сентября 2018

ОК, я нашел ответ в документации RND, поэтому я собираюсь ответить на свой вопрос.

https://github.com/jhen0409/react-native-debugger/blob/master/docs/network-inspect-of-chrome-devtools.md

Там много кода, но я понял, что вам не нужно ничего делать, кроме как щелкнуть правой кнопкой мыши в отладчике и нажать «Включить проверку сети», как подробно описано на этой странице:

https://github.com/jhen0409/react-native-debugger/blob/master/docs/shortcut-references.md

...