👻

ブラウザのエラートラッキング Sentry使っていているならHttpClient Integrationを有効化するといいよ

2024/06/18に公開

Sentryデフォルトでもエラートラッキングをしてくれるのですが、FetchやXHRの細かいエラーはデフォルトだと拾ってくれません

https://docs.sentry.io/platforms/javascript/configuration/integrations/httpclient/

HttpClient Integrationを有効化するとステータスコードなども拾ってくれるようになります

import * as Sentry from "@sentry/browser";

Sentry.init({
  integrations: [Sentry.httpClientIntegration()]
});

あと、initしたあとにIntegrationsを追加したいこともありますが、こんな書き方もできるようです

import * as Sentry from "@sentry/browser";

Sentry.init({
  integrations: [],
});

Sentry.addIntegration(Sentry.httpClientIntegration());

https://docs.sentry.io/platforms/javascript/configuration/integrations/

他にも便利なIntegrationsがありそうですが、自動で有効になっているかは下記で一覧になっています
https://docs.sentry.io/platforms/javascript/configuration/integrations/

Discussion