Únete de manera presencial y en línea a Firebase Summit el 18 de octubre de 2022. Descubre cómo Firebase puede ayudarte a acelerar el desarrollo de apps, lanzar apps con confianza y escalar con facilidad. Regístrate ahora

Comience con el Monitoreo de rendimiento para Flutter

Esta guía de inicio rápido describe cómo configurar Firebase Performance Monitoring para ayudarlo a obtener información sobre las características de rendimiento de sus aplicaciones Flutter.

Antes de que empieces

Si aún no lo ha hecho, configure e inicialice Firebase en su proyecto de Flutter.

Paso 1 : Agregue Monitoreo de rendimiento a su aplicación

  1. Desde el directorio raíz de su proyecto Flutter, ejecute el siguiente comando para instalar el complemento Flutter de monitoreo de rendimiento:

    flutter pub add firebase_performance
    
  2. Desde el directorio raíz de tu proyecto Flutter, ejecuta el siguiente comando:

    flutterfire configure
    

    Ejecutar este comando garantiza que la configuración de Firebase de su aplicación Flutter esté actualizada y, para Android, agrega el complemento Gradle de supervisión de rendimiento requerido a su aplicación.

  3. Una vez completado, reconstruya su proyecto Flutter:

    flutter run
    

Después de agregar el SDK de Performance Monitoring, Firebase automáticamente comienza a recopilar datos relacionados con el ciclo de vida de su aplicación (como la hora de inicio de la aplicación) y datos para solicitudes de red HTTP/S .

En Flutter, la supervisión automática del rendimiento de la representación de pantalla no es posible para pantallas individuales de Flutter. Un único controlador de vista encapsula toda su aplicación Flutter de forma nativa, por lo que el SDK de Firebase nativo subyacente no es consciente de las transiciones de pantalla.

Paso 2 : generar eventos de rendimiento para la visualización inicial de datos

Firebase comienza a procesar los eventos cuando agrega correctamente el SDK a su aplicación. Si todavía está desarrollando localmente, interactúe con su aplicación para generar eventos para la recopilación y el procesamiento de datos iniciales.

  1. Continúe desarrollando su aplicación usando un simulador o dispositivo de prueba.

  2. Genere eventos cambiando su aplicación entre el fondo y el primer plano varias veces, interactuando con su aplicación navegando por las pantallas y/o activando solicitudes de red.

  3. Vaya al panel de rendimiento de la consola de Firebase. Debería ver su pantalla de datos inicial dentro de unos minutos.

    Si no ve una pantalla de sus datos iniciales, revise los consejos para la solución de problemas .

Paso 3 : (Opcional) Ver mensajes de registro para eventos de rendimiento

  1. Verifique sus mensajes de registro para ver si hay mensajes de error.

    Performance Monitoring etiqueta sus mensajes de registro con las siguientes etiquetas para que pueda filtrar sus mensajes de registro:

    • iOS+: Firebase/Performance
    • Android: FirebasePerformance
  2. Verifique los siguientes tipos de registros que indican que Performance Monitoring está registrando eventos de rendimiento:

    • Logging trace metric: TRACE_NAME , FIREBASE_PERFORMANCE_CONSOLE_URL
    • Logging network request trace: URL
  3. Haga clic en la URL para ver sus datos en la consola de Firebase. Es posible que los datos tarden unos minutos en actualizarse en el tablero.

Paso 4 : (Opcional) Agregar monitoreo personalizado para código específico

Para monitorear los datos de rendimiento asociados con un código específico en su aplicación, puede instrumentar seguimientos de código personalizados .

Con un seguimiento de código personalizado, puede medir cuánto tiempo le toma a su aplicación completar una tarea específica o un conjunto de tareas, como cargar un conjunto de imágenes o consultar su base de datos. La métrica predeterminada para un seguimiento de código personalizado es su duración, pero también puede agregar métricas personalizadas, como aciertos de caché y advertencias de memoria.

En su código, define el principio y el final de un seguimiento de código personalizado (y agrega las métricas personalizadas deseadas) mediante la API proporcionada por el SDK de Performance Monitoring.

Visite Agregar monitoreo para código específico para obtener más información sobre estas funciones y cómo agregarlas a su aplicación.

Paso 5 : implemente su aplicación y luego revise los resultados

Una vez que haya validado el Monitoreo del rendimiento con un emulador y uno o más dispositivos de prueba, puede implementar la versión actualizada de su aplicación para sus usuarios.

Puede monitorear los datos de rendimiento en el panel de rendimiento de Firebase console.

Próximos pasos