Menu

instrumentation-client.js

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

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

使用方法

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

instrumentation-client.ts
TypeScript
// パフォーマンス監視をセットアップ
performance.mark('app-init')
 
// アナリティクスを初期化
console.log('Analytics initialized')
 
// エラー追跡をセットアップ
window.addEventListener('error', (event) => {
  // エラー追跡サービスに送信
  reportError(event.error)
})

バージョン履歴

バージョン変更点
v15.3導入時期:instrumentation-client