Отладка релизной сборки React Native на максималках или как получить от тестировщиков внятное объяснение ошибки.
Привет всем, представляю вашему вниманию отличный инструмент для отладки релизной сборки проекта без использования сторонних сервисов (применяем у себя на проде, теперь от тестеров есть логи с устройсва 🥳).
— Собирать информацию об нативных и JS крашах;
— Собирать информацию о запросах в сеть;
— Экспортировать собранные данные в JSON;
Настройка довольно простая, сначала необходимо установить этот npm пакет:
Далее для Android необходимо в AndroidManifest.xml в тэге application добавить следующую строчку:
android:usesCleartextTraffic="true"
Для iOS достаточно просто выполнить pod install
После установки пакета в главном index.js файле вашего проета добавте следующие строки:
import { AppDebugger } from 'app-debugger';
Мы только что настроили дебаггер, чтобы он работал с 3000 портом, к этому мы еще вернемся.
Дело осталось за малым, необходимо скачать приложение App Debugger для нужной платформы:
— Android
— iOS
Зайти в дебагер, ввести порт который мы передавали в метод AppDebugger.configure, не закрывая дебагер перейти в ваше RN приложение, проделать необходимые манипуляции, снова вернуться в дебагер и наслаждаться результатом 🙂
Более детальная информация по пакету: https://www.npmjs.com/package/mobile-app-debugger