В этой статье я покажу вам, как правильно настроить ваше реактивное приложение, которое использует 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 appcenterYourOrgOnAppCenter/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.
Спасибо за внимание! До встречи в следующей статье.