instrumentation-client.js

instrumentation-client.js|ts ファイルを使用すると、アプリケーションのフロントエンドコードが実行を開始する前に実行されるモニタリングおよび分析コードを追加できます。これは、パフォーマンス追跡、エラー監視、その他のクライアントサイドの可観測性ツールを設定するのに役立ちます。

使用するには、ファイルをアプリケーションのルートまたは src フォルダー内に配置します。

使用方法

サーバーサイドのインストゥルメンテーションとは異なり、特定の関数をエクスポートする必要はありません。モニタリングコードをファイル内に直接記述できます。

// Set up performance monitoring
performance.mark('app-init')
 
// Initialize analytics
console.log('Analytics initialized')
 
// Set up error tracking
window.addEventListener('error', (event) => {
  // Send to your error tracking service
  reportError(event.error)
})

バージョン履歴