Blazor WebAssembly ダッシュボードを使用すると、ゴールデン メトリックを簡単に監視し、エンド ユーザー エクスペリエンスを追跡し、経時的な合計ページ ビューを確認できます。
ブラウザー監視エージェントで構築された Blazor WebAssembly 統合により、一連の既定の 最も重要なクエリ データをすべて 1 か所で表示できます。
Blazor WebAssembly と New Relic の統合を設定すると、すぐにデータがこのようなダッシュボードに表示されます。
インフラストラクチャエージェントをインストールします
Blazor WebAssembly を New Relic と統合するためにインフラストラクチャ エージェントは必要ありませんが、システムの完全な可観測性が必要な場合はインストールをお勧めします。インフラストラクチャ エージェントは、ホストに関するログやその他のデータを収集し、パフォーマンス メトリックをアプリケーション メトリックと共に表示します。
インフラストラクチャ エージェントをインストールするには、次の 2 つの方法があります。
- ガイド付きインストールに従って、システムにインフラストラクチャ エージェントをインストルメント化します。
Blazor WebAssembly を New Relic と統合する
Blazor WebAssembly からデータを収集するには、次の手順に従います。
- one.newrelic.comから、 [データの追加] ページに移動します。
- [ブラウザとモバイル]をクリックし、 [ブラウザ監視]をクリックします。
- [JavaScript コードのコピー/貼り付けを選択] オプションを選択します (このコードの詳細については、 ブラウザのインストール ドキュメントを参照してください)。
- 残りの手順を完了し、 [有効にする] をクリックします。
- Blazor WebAssembly アプリケーションの
wwwrootディレクトリに移動します。 index.htmlファイルを開きます。- body タグが終了する直前 (
</body>) にブラウザー コード スニペットを貼り付けます。 - アプリケーションを再起動します。
- one.newrelic.comにアクセスし、次に [メトリクスとイベント] をクリックします。サンプル NRQL クエリを実行して、New Relic がデータを収集していることを確認します。
SELECT average(windowLoad) FROM PageViewTiming WHERE (deviceType = 'Desktop') FACET `userAgentName` SINCE 604800 seconds AGO TIMESERIESデフォルトをインストール
Blazor WebAssembly インスタント オブザーバビリティ ページに移動し、ページの上部にある Install をクリックします。
one.newrelic.comからダッシュボードに移動し、Blazor WebAssembly をクリックしてダッシュボードを表示します。
次は何ですか？
NRQL クエリの作成とダッシュボードの生成の詳細については、次のドキュメントをご覧ください。
- 基本的なクエリと高度なクエリを作成するためのクエリ ビルダーの概要。
- ダッシュボードをカスタマイズしてさまざまなアクションを実行するためのダッシュボードの概要。
- ダッシュボードを管理して、ダッシュボードの表示モードを調整したり、ダッシュボードにコンテンツを追加したりします。