Premiers pas avec Performance Monitoring pour Flutter

Ce démarrage rapide explique comment configurer Firebase Performance Monitoring pour vous aider à mieux comprendre les caractéristiques de performances de vos applications Flutter.

Avant de commencer

Si ce n'est pas déjà fait, configurer et initialiser Firebase dans votre Flutter projet.

Étape 1: Ajoutez Performance Monitoring à votre application

  1. À partir du répertoire racine de votre projet Flutter, exécutez la commande suivante : pour installer le plug-in Performance Monitoring Flutter:

    flutter pub add firebase_performance

  2. À partir du répertoire racine de votre projet Flutter, exécutez la commande suivante:

    flutterfire configure

    L'exécution de cette commande garantit que la configuration Firebase de votre application Flutter est à jour et, pour Android, ajoute le niveau de contrôle des performances requis Gradle dans votre application.

  3. Une fois l'opération terminée, recompilez votre projet Flutter:

    flutter run

Une fois que vous avez ajouté le SDK Performance Monitoring, Firebase commence automatiquement à collecter des données sur le cycle de vie de votre application (comme le temps de démarrage de l'application) et des données sur les requêtes réseau HTTP/S.

Sur Flutter, la surveillance automatique des performances de rendu de l'écran n'est pas possible pour les écrans Flutter individuels. Un seul contrôleur de vue encapsule l'ensemble de votre application Flutter de manière native, de sorte que le SDK Firebase natif sous-jacent n'est pas conscient des transitions d'écran.

Étape 2: Générez des événements liés aux performances pour l'affichage initial des données

Firebase commence à traiter les événements lorsque vous avez correctement ajouté le SDK à votre application. Si vous êtes toujours en cours de développement local, interagissez avec votre application pour générer des événements afin de collecter et de traiter les données de manière initiale.

  1. Poursuivez le développement de votre application à l'aide d'un simulateur ou d'un appareil de test.

  2. Générez des événements en basculant votre application entre l'arrière-plan et l'avant-plan plusieurs fois, en interagissant avec votre application en parcourant les écrans et/ou en déclenchant des requêtes réseau.

  3. Accédez au tableau de bord Performances. de la console Firebase. Vos données initiales devraient s'afficher au bout de quelques minutes.

    Si vous ne voyez pas vos données initiales, consultez la section conseils.

Étape 3: (Facultatif) Affichez les messages de journal pour les événements liés aux performances

  1. Recherchez d'éventuels messages d'erreur dans les messages de journal.

    Performance Monitoring ajoute les tags suivants à ses messages de journal afin que vous puissiez les filtrer :

    • iOS+: Firebase/Performance
    • Android : FirebasePerformance

  2. Recherchez les types de journaux suivants, qui indiquent que Performance Monitoring est sur la journalisation des événements liés aux performances:

    • Logging trace metric: TRACE_NAME, FIREBASE_PERFORMANCE_CONSOLE_URL
    • Logging network request trace: URL

  3. Cliquez sur l'URL pour afficher vos données dans la console Firebase. La mise à jour des données dans le tableau de bord peut prendre quelques instants.

Étape 4 : (Facultatif) Ajouter une surveillance personnalisée pour un code spécifique

Pour surveiller les données de performances associées à un code spécifique de votre application, vous pouvez instrumenter des traces de code personnalisées.

Avec une trace de code personnalisée, vous pouvez mesurer le temps nécessaire à l'exécution de votre application une tâche ou un ensemble de tâches spécifique, comme le chargement d'un ensemble d'images ou l'interrogation votre base de données. La métrique par défaut d'une trace de code personnalisée est sa durée, mais vous pouvez également ajouter des métriques personnalisées, telles que les enregistrements dans le cache et les avertissements de mémoire.

Dans votre code, vous définissez le début et la fin d'une trace de code personnalisé (et ajouter les métriques personnalisées de votre choix) à l'aide de l'API fournie par le SDK Performance Monitoring.

Consultez Ajouter la surveillance pour un code spécifique. pour en savoir plus sur ces fonctionnalités et découvrir comment les ajouter à votre application.

Étape 5: Déployer l'application, puis examiner les résultats

Après avoir validé Performance Monitoring à l'aide d'un émulateur et d'un ou plusieurs des appareils de test, vous pouvez déployer la version mise à jour de votre application sur les appareils de vos utilisateurs.

Vous pouvez surveiller les données de performances Tableau de bord Performances de la console Firebase.

Étapes suivantes