Sentry에서 버그 리포트를 받는 【React Native Expo】
9707 단어 reactnativesentryexpo
Sentry란?
어플리케이션으로부터 이벤트 로그를 송신해 주는 것.
htps : // 센트리. 이오/
Expo와 호환 (bugsnag는 Expo 지원되지 않습니다.)
도입 방법
등록하여 프로젝트 만들기
Sentry.config('https://**********@sentry.io/***').install();
같은 곳의 주소 부분) Sentry 설치 및 구성
async/await
를 사용하기 위해 Node 7.6+인지 확인 npm i sentry-expo --save
App.js
에 추가 App.js
import Sentry from 'sentry-expo';
// Remove this once Sentry is correctly setup.
Sentry.enableInExpoDevelopment = true;
Sentry.config('your Public DSN goes here').install();
app.json
에 postPublish hook
를 추가하고 방금 복사 한 항목을 작성하십시오.app.json
{
"expo": {
// ... your existing configuration
"hooks": {
"postPublish": [
{
"file": "sentry-expo/upload-sourcemaps",
"config": {
"organization": "your organization's short name here",
"project": "your project name here",
"authToken": "your auth token here"
}
}
]
}
}
동작 확인
강제로 오류를 발생시킵니다 (버튼 추가).
htps : // / cs. 센트리. 이오 / c 엔 ts / 그럼 sc 리 pt / 토끼 /
App.js
import React from 'react';
import { StyleSheet, Text, View, Button } from 'react-native';
import Sentry from 'sentry-expo';
// Remove this once Sentry is correctly setup.
Sentry.enableInExpoDevelopment = true;
Sentry.config('https://********@sentry.io/****').install();
export default class App extends React.Component {
render() {
return (
<View style={styles.container}>
<Text>Open up App.js to start working on your app!</Text>
<Text>Changes you make will automatically reload.</Text>
<Text>Shake your phone to open the developer menu.</Text>
<Button onPress={() => {throw new Error('sample error from expo')}} title="broken"/>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
alignItems: 'center',
justifyContent: 'center',
},
});
Sentry 대시보드에서 오류를 확인할 수 있습니다.
Reference
이 문제에 관하여(Sentry에서 버그 리포트를 받는 【React Native Expo】), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/tatane616/items/089fd05469c1d61e54df텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)