• ログイン今すぐ開始

この機械翻訳は参考用に提供されます。

英語版と翻訳版に矛盾がある場合は、英語版が優先されます。詳細については、 を参照してください。

問題を作成する

Flutter Web アプリの監視統合

Flutter 統合は、Flutter Web アプリケーションのパフォーマンスを監視し、アプリケーションの問題を診断してコードを最適化するのに役立ちます。Flutter 統合では、ブラウザ モニタリング エージェントを利用し、最も重要な Flutter アプリの指標 (エラー、アプリケーションのクラッシュ、アプリの起動、アプリのインストール、HTTP エラー、ネットワーク障害など) を備えた事前構築済みのダッシュボードを提供します。

Flutter 統合を設定すると、Flutter ウェブアプリ メトリックのダッシュボードが表示されます。

インストール

ステップ 1 (オプション): インフラストラクチャ エージェントをインストールする

インフラストラクチャ エージェントのインストールはオプションですが、これを行うと、アプリが実行されているホストに関する重要なメトリックが取得されます。

これを行うには、Flutter アプリを含むホストの インフラストラクチャ エージェントのインストール手順 に従います。

ステップ 2: ブラウザ エージェントをインストールする

Flutter の統合は、ブラウザ エージェントに依存しています。ブラウザ エージェントをインストールするには:

  1. one.newrelic.comから、 [データの追加] ページに移動します。
  2. [ブラウザとモバイル]をクリックし、 [ブラウザ監視]をクリックします。
  3. [JavaScript コードのコピー/貼り付けを選択] オプションを選択します (このコードの詳細については、 ブラウザのインストール ドキュメントを参照してください)。
  4. 残りの手順を完了し、 [有効にする] をクリックします。
  5. Flutter ウェブ アプリケーションのwww/rootディレクトリに移動します。
  6. index.htmlファイルを開きます。
  7. body タグが終了する直前 ( </body> ) にブラウザー コード スニペットを貼り付けます。
  8. アプリケーションを再起動します。

5 分待ってから、New Relic でのデータの検索に進みます。

データを検索する

Flutter ダッシュボードを取得するには:

  1. one.newrelic.comから、 [データの追加] ページに移動します。
  2. [ダッシュボード]をクリックします。
  3. 検索バーにflutter webと入力します。
  4. Flutter ダッシュボードが表示されます。それをクリックしてインストールします。

Flutter ダッシュボードはカスタム ダッシュボードと見なされ、 ダッシュボード UI に表示されます。 ダッシュボードの使用と編集に関するドキュメントについては、 ダッシュボード ドキュメント を参照してください。

この統合により、 ブラウザ監視イベントの形式でデータが報告されます。 インフラストラクチャ エージェントをインストールした場合は、 インフラストラクチャ データも受け取ります。

デスクトップ コンピューターのユーザーが使用するさまざまなブラウザーの平均ウィンドウ読み込み時間をチェックする NRQL クエリの例を次に示します。

SELECT average(windowLoad) FROM PageViewTiming
WHERE (deviceType = 'Desktop') FACET `userAgentName`
SINCE 604800 seconds AGO TIMESERIES

次は何ですか?

データのクエリとカスタム ダッシュボードの作成について詳しくは、次のドキュメントをご覧ください。

Copyright © 2023 New Relic Inc.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.