티스토리 뷰
센트리를 프로젝트에 연결하기 위해서는 각각의 프로젝트에 부여되는 DSN을 연결시켜야 한다. DSN은 오류 이벤트를 보낼 위치를 SDK에 알려주는 역할을 하는데, 프로젝트 생성 직후에 한 번 알려주고 이후에는 꽁꽁 숨어있어서 찾기가 힘들다.
(dsn 사용 예시)
import * as Sentry from "@sentry/browser";
import { BrowserTracing } from "@sentry/tracing";
Sentry.init({
dsn: "https://examplePublicKey@o0.ingest.sentry.io/0",
// Alternatively, use `process.env.npm_package_version` for a dynamic release version
// if your build tool supports it.
release: "my-project-name@2.3.12",
integrations: [new BrowserTracing()],
// Set tracesSampleRate to 1.0 to capture 100%
// of transactions for performance monitoring.
// We recommend adjusting this value in production
tracesSampleRate: 1.0,
});
센트리 DSN 코드 확인하기
1. 센트리 로그인 후, 좌측 LNB의 setting 하위의 Projects에서 DSN 키를 찾고자하는 프로젝트를 선택한다.
2. 프로젝트 내부로 이동 후, 하단 Client Keys (DSN)를 누르면 여러 key들 중 최상단에서 DSN 키를 발견할 수 있다.
DSN 키는 보안이 매우 중요한데, 상단에서 언급한 것과 같이 키를 통하여 프로젝트 내에 이벤트가 전송되는 것으로 키가 노출된다면 내가 설정한 코드 외의 곳에서 이벤트가 수집 될 우려가 있기 때문이다. 하여 환경변수 등의 방법을 통해 숨겨서 사용하는 것을 추천한다
https://hyermione.tistory.com/8
하지만 나름 보안에 신경써도 부득이하게 key가 노출 될 수 있다. 이럴때에는 새롭게 재발급 받는 방법도 존재한다.
sentry DSN키 재발급 받기
1. 발급받고자 하는 프로젝트 내부의 Client Keys에 진입하면 우측 상단에 Generate New Key라는 버튼이 있다. 말 그대로 Key들을 새로 발급받을 수 있는 버튼으로 해당 버튼을 누르면 기존 key 값들 아래로 새로운 key값들이 생성되게 된다. 주의해야 할 점은 key를 대충은 기억하고 있어야 한다는 점인데, 이게 새로고침을 하거나 기타 페이지가 다시 로드 되면 기존key - 새로발급받은key의 배열이 새로발급받은key - 기존key의 배열로 변하게 된다. (무엇이 폐기 되어야 할 key인지 잘 체크해두자-!)
코드 내에 새로운 key값으로 교체 후, 폐기하고자 하는 key(기존 key)의 쓰레기통 버튼을 누르면 key가 폐지된다. 혹시 삭제는 애매하여 key값을 유지하고 싶으면서도 key의 동작을 원치 않는 경우에는 쓰레기통 버튼 옆의 Disable 버튼을 누르면 비활성화 된다.
코드는 그 프로젝트를 구성하고있는 핵심이기 때문에 무엇보다 보안이 중요하다고 생각한다. key값이 노출되었을 때, 누군가가 바로 그 key를 사용하지는 않겠지만 그래도 악의적으로 사용될 수 있기 때문에 새로운 key 발급을 추천한다.
'TIL:Today I Learn > sentry' 카테고리의 다른 글
센트리(sentry) 특정 파일 경로에서 오는 에러 수집 제한하기 - denyUrls (0) | 2022.02.23 |
---|---|
센트리(sentry)에서 수집 제외 에러 설정하기 - ignoreErrors (0) | 2022.02.22 |
센트리(sentry) BeforeSend 함수 활용 - 용량 조절, 슬랙 전송 등 (0) | 2022.02.22 |
센트리(sentry) 구축하기 (0) | 2021.12.08 |
프론트엔드에서 에러 처리하기 - SENTRY (0) | 2021.12.08 |
- Total
- Today
- Yesterday
- 사파리
- 리액트
- 리액트상태관리
- 모바일사파리
- npm
- 리액트훅
- 프론트앤드
- sentry
- js테스트
- 리코일
- 깃명령어
- 깃
- js
- 프론트엔드
- javascript
- vue
- 자바스크립트
- 센트리모니터링
- TIL
- 크롬
- 센트리
- Git
- reacthook
- frontend
- BFCache
- storybookUI
- 김민태
- react
- gitRebase
- CSS
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |