当社の Flutter インテグレーションは、Flutter Web アプリケーションのパフォーマンスを監視し、アプリケーションの問題を診断してコードを最適化するのに役立ちます。 当社の Flutter インテグレーションはエージェントを活用し、最も重要な Flutter アプリのメトリクス (エラー、アプリケーションのクラッシュ、アプリのリリース、アプリのインストール、HTTP エラー、ネットワーク障害など) を含む構築済みのダッシュボードを提供します。
Flutter 統合を設定すると、Flutter ウェブアプリ メトリックのダッシュボードが表示されます。
インストール
ステップ 1 (オプション): インフラストラクチャ エージェントをインストールする
インフラストラクチャ エージェントのインストールはオプションですが、これを行うと、アプリが実行されているホストに関する重要なメトリックが取得されます。
これを行うには、Flutter アプリを含むホストの インフラストラクチャ エージェントのインストール手順 に従います。
ステップ 2: ブラウザ エージェントをインストールする
Flutter の統合は、ブラウザ エージェントに依存しています。ブラウザ エージェントをインストールするには:
ページに移動します。
Browser and mobile
をクリックし、次に
Browser monitoring
をクリックします。
Select copy/paste JavaScript code
オプションを選択します (このコードの詳細については、ブラウザのインストールに関するドキュメントを参照してください)。
残りの手順を完了して、 をクリックします。
Enable.
Flutter ウェブ アプリケーションの
www/rootディレクトリに移動します。index.htmlファイルを開きます。head タグが終了する直前 (
</head>) にブラウザー コード スニペットを貼り付けます。アプリケーションを再起動します。
5 分待ってから、New Relic でのデータの検索に進みます。
データを検索する
Flutter ダッシュボードを取得するには:
ページに移動します。
Dashboards
をクリックします。
検索バーに
flutter webと入力します。Flutter ダッシュボードが表示されます。それをクリックしてインストールします。
Flutter ダッシュボードはカスタム ダッシュボードとみなされ、Dashboards UIで確認できます。 ダッシュボードの使用と編集に関するドキュメントについては、ダッシュボードのドキュメントをご覧ください。
この統合により、 ブラウザ監視イベントの形式でデータが報告されます。 インフラストラクチャ エージェントをインストールした場合は、 インフラストラクチャ データも受け取ります。
デスクトップ コンピューターのユーザーが使用するさまざまなブラウザーの平均ウィンドウ読み込み時間をチェックする NRQL クエリの例を次に示します。
SELECT average(windowLoad) FROM PageViewTiming WHERE (deviceType = 'Desktop') FACET `userAgentName` SINCE 604800 seconds AGO TIMESERIES次は何ですか？
データのクエリとカスタム ダッシュボードの作成について詳しくは、次のドキュメントをご覧ください。