rollbar(with react)
ErrorBoundaryを使って、エラーをキャッチする
どこまでのエラーがキャッチされる?
子コンポーネントが何かしらの理由でレンダリングできなかったとき -> 未確認...
HTTPステータスの異常 -> 未確認...
そもそものエラーハンドリング?
https://nextjs.org/docs/advanced-features/error-handling
開発中のランタイムエラー
開発サーバーがnext dev、npm run dev、またはyarn devを使用して実行され、本番環境では実行されない場合にのみ表示されます。エラーを修正すると、オーバーレイが自動的に閉じられます。
Next(SSR)においては, Server error, Client errorの2種類がある
Server error → 500エラー。error boundaryでキャッチできないのでは
Client errror → レンダリングできないとか。error boundaryでキャッチ
https://blog.mitsuruog.info/2017/12/loving-rollbar-telemetry
Telemetry (rollbar 2.0以上は入ってるらしい)が便利そう
エラーが起こる直前のユーザの操作がわかる
導入方法
1. プロジェクト作成
2. install sdkで react選択
3. クライアントから rollbar.error(useRollbar hooksからimportする) or window.onerror('error!', window.location.href)を投げる
MEMO
https://maxschmitt.me/posts/error-reporting-rollbar-nextjs/
ライブラリ使わないでheadに直接埋め込んでる方法
https://www.youtube.com/watch?v=Fx7jsKnYEXM
insufficient privileges: post_client_item scope is required but the access token only has post_server_item.
Rollbarのtokenが post_client_itemとpost_server_itemの2種類のtokenがある
Reactから投げる場合は post_client_itemを accessTokenに設定する
RollbarでキャッチしたエラーをSlackに投げる
ルール設定で、別チャネルに投げることも可能
とりあえず Every Occurrence → Post Messageを入れてあげれば大丈夫そう(全部通知される)