2022 年 10 月 18 日に開催される Firebase Summit に、直接会場で、またはオンラインでご参加ください。Firebase を使用してアプリ開発を加速させ、自信を持ってアプリをリリースし、簡単にスケールする方法をご紹介します。 今すぐ申し込む

Flutterのパフォーマンスモニタリングを開始する

このクイックスタートでは、Firebase Performance Monitoringを設定して、Flutterアプリのパフォーマンス特性に関する洞察を得る方法について説明します。

あなたが始める前に

まだ行っていない場合は、FlutterプロジェクトでFirebaseを設定して初期化します。

ステップ1 :アプリにパフォーマンスモニタリングを追加する

  1. Flutterプロジェクトのルートディレクトリから、次のコマンドを実行してPerformanceMonitoringFlutterプラグインをインストールします。

    flutter pub add firebase_performance
    
  2. Flutterプロジェクトのルートディレクトリから、次のコマンドを実行します。

    flutterfire configure
    

    このコマンドを実行すると、FlutterアプリのFirebase構成が最新になり、Androidの場合は、必要なPerformanceMonitoringGradleプラグインがアプリに追加されます。

  3. 完了したら、Flutterプロジェクトを再構築します。

    flutter run
    

Performance Monitoring SDKを追加すると、Firebaseはアプリのライフサイクルに関連するデータ(アプリの開始時間など)とHTTP/Sネットワークリクエストのデータの収集を自動的に開始します。

Flutterでは、個々のFlutter画面で自動画面レンダリングパフォーマンスモニタリングを行うことはできません。単一のビューコントローラーがFlutterアプリケーション全体をネイティブにカプセル化するため、基盤となるネイティブのFirebaseSDKは画面の遷移を認識しません。

ステップ2 :初期データ表示用のパフォーマンスイベントを生成する

SDKをアプリに正常に追加すると、Firebaseはイベントの処理を開始します。まだローカルで開発している場合は、アプリを操作して、初期データの収集と処理のためのイベントを生成します。

  1. シミュレーターまたはテストデバイスを使用してアプリの開発を続けます。

  2. アプリをバックグラウンドとフォアグラウンドの間で数回切り替えたり、画面間を移動してアプリを操作したり、ネットワークリクエストをトリガーしたりして、イベントを生成します。

  3. Firebaseコンソールのパフォーマンスダッシュボードに移動します。数分以内に最初のデータが表示されるはずです。

    初期データが表示されない場合は、トラブルシューティングのヒントを確認してください。

手順3 :(オプション)パフォーマンスイベントのログメッセージを表示する

  1. ログメッセージでエラーメッセージを確認してください。

    Performance Monitoringは、ログメッセージに次のタグを付けて、ログメッセージをフィルタリングできるようにします。

    • iOS +: Firebase/Performance
    • Android: FirebasePerformance
  2. パフォーマンスモニタリングがパフォーマンスイベントをログに記録していることを示す次のタイプのログを確認します。

    • Logging trace metric: TRACE_NAME , FIREBASE_PERFORMANCE_CONSOLE_URL
    • Logging network request trace: URL
  3. URLをクリックして、Firebaseコンソールにデータを表示します。ダッシュボードでデータが更新されるまで、少し時間がかかる場合があります。

ステップ4 :(オプション)特定のコードのカスタム監視を追加する

アプリ内の特定のコードに関連付けられたパフォーマンスデータを監視するために、カスタムコードトレースをインストルメント化できます。

カスタムコードトレースを使用すると、アプリが特定のタスクまたは一連のタスク(一連の画像の読み込みやデータベースのクエリなど)を完了するのにかかる時間を測定できます。カスタムコードトレースのデフォルトのメトリックはその期間ですが、キャッシュヒットやメモリ警告などのカスタムメトリックを追加することもできます。

コードでは、Performance Monitoring SDKが提供するAPIを使用して、カスタムコードトレースの開始と終了を定義します(そして必要なカスタムメトリックを追加します)。

これらの機能とアプリに追加する方法の詳細については、特定のコードの監視の追加にアクセスしてください。

ステップ5 :アプリをデプロイしてから、結果を確認します

エミュレーターと1つ以上のテストデバイスを使用してパフォーマンスモニタリングを検証した後、更新されたバージョンのアプリをユーザーにデプロイできます。

Firebaseコンソールのパフォーマンスダッシュボードでパフォーマンスデータを監視できます。

次のステップ