Capturando erros no React Native utilizando o Sentry.io
Emerson Stark
Posted on December 27, 2021
O Que é o Sentry?
Basicamente, o sentry é uma ferramenta que nos auxilia na captura de erros que acontecem nas nossas aplicações em modo debug e também em produção.
é só isso mesmo!!!
Bora ver como isso funciona?
Crie uma conta no sentry
Vai em Criar um projeto e selecione a plataforma ( no nosso caso, REACT NATIVE ) e clica em Criar projeto.
Agora no nosso projeto React Native
1 - Instalar a biblioteca de integração do Sentry com o React Native.
npm install --save @sentry/react-native
# or
yarn add @sentry/react-native
2 - Adicionar o Sentry no nosso aplicativo
Você pode adicionar a chamada do sentry no seu app.js ou app.ts da seguinte maneira:
import * as Sentry from "@sentry/react-native";
Sentry.init({
dsn: SUA_DSN_AQUI
});
Sua DSN aparece logo após você criar o seu projeto React Native na plataforma do Sentry
3 - Faça o build da sua aplicação novamente
yarn android
ou
yarn ios
E pronto, sua aplicação agora está sendo monitorada pelo sentry, e qualquer erro ele vai te mostrar em uma dashboard da plataforma.
Você também consegue ver algumas métricas do dispositivo do usuário, como:
Nível de bateria, network que estava sendo utilizada no momento do crash, IP e etc...
É isso galera, qualquer dúvida deixe nos comentários :D
Posted on December 27, 2021
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.
Related
November 30, 2024