Sentry-javascript: Angular 플러그인을 사용할 때 개발 환경에서 센트리 비활성화

#414 및 #413 관련

@Sija @odedfos – #414에 대해 댓글을 달 수 있습니까? 예를 들어, 그 PR이 이 문제를 해결할 것입니까?

@benvinegar 는 나에게 합법적인 것처럼 보이지만 .config() 를 호출하지 않고도 Raven 공급자를 사용할 수 있기를 원하는 경우를 상상할 수 있습니다. 예를 들어 Raven.debug 플래그를 설정하는 것과 같습니다.

@benvinegar 로부터 비슷한 요청을

Raven.config('your dsn', {
  shouldSendCallback: function () {
    return false;
  }
}).install();

그러면 Raven이 보고하지 못하게 됩니다. return 상태를 TRUE로 전환하면 보고가 시작됩니다. 적어도 이것이 내가 말한 것입니다. 이 명령과 배포 sed 명령을 함께 사용하여 배포 시 부울을 뒤집을 계획입니다.

install()이 성공하도록 하고 실제로 오류를 보내기 위한 http 요청을 피하기 위해 위와 유사한 작업을 수행했습니다( window.SERVER_FLAGS 는 백엔드에서 프론트엔드로 내 sentryURL을 전달하는 방법입니다).

if (!window.SERVER_FLAGS.sentryURL) {
  // Never bother sending data to sentry
  Raven.setShouldSendCallback(function() { return false });
  // Allow Raven.install() to succeed
  Raven.isSetup = function() {
    return true;
  }
}
Raven
.config(window.SERVER_FLAGS.sentryURL, {
  release: window.SERVER_FLAGS.version,
  debug: true,
})
.addPlugin(Raven.Plugins.Angular)
.install();

이것은 꽤 잘 작동하는 것으로 보이며 여전히 Raven을 실행할 수 있지만 단순히 보고하지 않습니다. 나는 isSetup 를 해킹하는 것을 정말 싫어하지만 그것이 ngRaven 로드하기 위해 최소한의 침입이라는 것을 알 수 있는 유일한 방법입니다.

이것에 걸려 넘어지는 다른 사람들을 위해

웹팩을 사용하여 애플리케이션을 빌드하는 경우 환경 플러그인을 사용하여 환경 변수를 사용하여 raven을 구성합니다.

https://webpack.js.org/plugins/environment-plugin/

예

if (process.env.NODE_ENV === 'dev') {
  Raven.setShouldSendCallback(() => { return false; });
  Raven.isSetup = () => { return true; };
}

Raven
  .config(process.env.RAVEN_DSN, {
    debug: process.env.RAVEN_DEBUG,
  })
  .addPlugin(require('raven-js/plugins/angular'), angular)
  .install();

isSetup은 이제 읽기 전용이므로 위의 방법은 더 이상 작동하지 않습니다.

이유는 모르겠지만 작동하는 것처럼 보이는 다음 해결 방법을 찾았습니다.

let isProduction = process.env.ENV === 'build'; // variable provided by webpack

Raven
.config('https://<key>@sentry.io/<project>', {
  shouldSendCallback: function () {
    return isProduction;
  }
})
.install();

if (!isProduction) {
  Raven.uninstall(); // this is necessary! for some reason
}

export class RavenErrorHandler implements ErrorHandler {
  handleError(err: any): void {
    console.error(err); // this still fires after uninstalling!!! it's because it's already listed as Angular provider 
    Raven.captureException(err)
  }
}

내 모든 오류를 가로채기 때문에 어떤 줄에서 오류가 발생했는지 알 수 없기 때문에 여전히 끔찍한 솔루션입니다. 적어도 나는 그들을 전혀 보지 않는 것만큼 끔찍하지 않다고 생각합니다.

저는 이 방법을 사용했습니다. 그것은 나를 위해 일하는 것 같습니다

`if (환경.생산) {
Raven.config('https://@sentry.io/')
.설치();
}

그리고 공급자에서
제공자: [environment.production ? { 제공: ErrorHandler, useClass: RavenErrorHandler } : [], ...`

내가 여기서 잘못하고 있는 것이 있으면 알려주세요.

내가 보기엔 괜찮아. 분명히 원래 문제는 여기에서 이미 답변되었으므로 이 문제를 닫습니다. 어떤 식으로든 여전히 관련이 있는 경우 자유롭게 다시 엽니다.

'app.module.ts'에서 더 쉽게

import {environment} from '../environments/environment';
...

    providers: [
    LocalStorageService,
    EventLocalStorageService,
    EventService,
    ActionButtonService,
    WeatherUndergroundWeatherService,
    GeoLocationInfoService,
    AppEventColorService,
    // {provide: ErrorHandler, useClass: RavenErrorHandler}
    {provide: ErrorHandler, useClass: environment.production ? RavenErrorHandler : ErrorHandler} // See here
  ],

그리고

  .config('key', {
    shouldSendCallback: function () {
      return environment.production;
    }
  })
  .install();

이렇게 하면 콘솔에 localdev 메시지가 있고(그렇지 않으면 Sentry가 일부를 가져옴) 프로덕션에서 원하는 메시지를 얻을 수 있습니다.

적어도 Chrome에서(다른 브라우저는 확실하지 않음) Raven이 개발 콘솔을 "하이재킹"하는 것을 방지하는 또 다른 방법은 raven.js 블랙박스를 사용하는 것입니다.

https://gist.github.com/paulirish/c307a5a585ddbcc17242
https://developer.chrome.com/devtools/docs/blackboxing

그리고 Sentry는 어떻습니까? 나는 Raven을 사용하지 않고 Sentry를 가지고 있고 내 로컬 호스트의 개발 환경에서 그것을 비활성화하고 싶습니다.

https://dev.to/angular/tracking-errors-in-angular-with-sentry-4oo0 — 여기 있습니다

@artuska 빈 DSN을 제공하거나 beforeSend 를 사용하여 전송을 중지할 수 있습니다.

Sentry.init({
  dsn: process.env.development ? '' : 'your-real-dsn'
})

또는

Sentry.init({
  dsn: 'your-real-dsn',
  beforeSend(event) {
    if (process.env.development) return null;
    return event;
  }
})

나는 그것이 실제로 Sentry를 비활성화한다고 생각하지 않습니다. 그냥 보내면 멈춥니다.
데이터. 여전히 빵 부스러기는 짜증나는 대부분의 문제를 포장합니다.

2019년 12월 9일 월요일 오전 10:15 Kamil Ogórek [email protected]
썼다:

@artuska https://github.com/artuska 빈 DSN을 제공하거나
전송을 중지하려면 beforeSend를 사용하십시오.

Sentry.init({
dsn: process.env.development? '' : '진짜 dsn'
})

또는

Sentry.init({
dsn: '실제 dsn',
beforeSend(이벤트) {
(process.env.development)가 null을 반환하면;
반환 이벤트;
}
})

—
당신이 댓글을 달았기 때문에 이것을 받는 것입니다.
이 이메일에 직접 답장하고 GitHub에서 확인
https://github.com/getsentry/sentry-javascript/issues/436?email_source=notifications&email_token=AAJVX45ZEIJWZSXZSBQ5ZQLQXYECDA5CNFSM4BW42VRKYY3PNVWWK3TUL52HS4DFVREXG43VMXVB
또는 구독 취소
https://github.com/notifications/unsubscribe-auth/AAJVX4YBWA3R6SM63NV5JPDQXYECDANCNFSM4BW42VRA
.

@jimmykane 맞습니다. Sentry를 비활성화하려면 init 조건부로 호출하면 됩니다.