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

О реактивном коде

Первый шаг — установить Sentry SDK в ваш реактивный проект, вы можете сделать это, выполнив приведенные выше команды.

После установки, учитывая, что у вас уже правильно настроен Microsoft CodePush, вам придется изменить исходный файл index.js, это изменения, которые вам нужно будет сделать.

Я объясню, что входит в атрибут release:

BUNDLE_ID: com.yourapp.bundleid › Вы можете найти в android > app > build.gradle файле.

NATIVE_VERSION: Нативная версия вашего build.gradle похожа на 5.4.4, вы можете найти эту информацию в файле android > app > build.gradle.

CODEPUSH_DIST: это ваша информационная версия кода, вы можете найти ее в своем центре приложений, в этом примере это v196.

После этой настройки вам нужно загрузить исходные карты вашего последнего релиза codepush на Sentry, чтобы сделать это лучше, чтобы сгенерировать новую версию codepush с правильной CODEPUSH_DIST конфигурацией sentry.

Для этого вам нужно экспортировать исходные карты в папку и загрузить в Sentry, я использую эти команды для экспорта исходных карт codepush:

release-react -a YourOrgOnAppCenter/your-project-on-app-center -d Production — output-dir “./build”

Это создаст папку build с файлами push-кода, которые потребуются платформе Sentry для правильной работы с вашим кодом, папка будет выглядеть так:

Итак, чтобы загрузить это в Sentry, учитывая, что вы уже вошли в систему sentry-cli, вы должны выполнить приведенную выше команду:

sentry-cli react-native appcenter YourOrgOnAppCenter/your-project-on-app-center android "./build/CodePush" --bundle-id "$BUNDLE_ID" --version-name "$NATIVE_VERSION" --dist "$CODEPUSH_DIST"

Обратите внимание, что это те же самые переменные, которые ранее использовались в конфигурации нативной конфигурации реакции, обычно этот процесс управления версиями и загрузки выполняется в некоторых службах CI, таких как Github Actions.

Но в настоящее время ваши исходные карты вашего приложения push-уведомления с реагирующим кодом правильно обновляются до Sentry, и ваши ошибки должны сообщаться правильно, информируя именно о строке, которая выдает ошибки, как в приведенном выше примере, я рекомендую проверить это выдает ошибку в пакете Staging code-push.

Спасибо за внимание! До встречи в следующей статье.