Saltar al contenido principal

Firebase Crashlytics para aplicaciones Capacitor

Aprenda a integrar el informe de errores en tiempo real en sus aplicaciones móviles con una guía paso a paso para configurar Crashlytics para iOS y Android.

Firebase Crashlytics para aplicaciones Capacitor

Firebase Crashlytics Ayuda a rastrear errores de la aplicación en tiempo real, proporcionando informes detallados para solucionar problemas rápidamente. Se integra de manera suave con Capacitor para aplicaciones tanto de iOS como de Android. Aquí está lo que debes saber:

  • ¿Por qué usar Crashlytics?

    • Obtén alertas de errores en tiempo real.
    • Analiza informes de errores detallados con agrupación automática de problemas.
    • Monitorea errores críticos para mantener las aplicaciones estables.
  • Requisitos de configuración:

    • Instalar Node.js (v16+), Capacitor (v4+), y herramientas como Xcode 14+ y Android Studio Electric Eel.
    • Descargar Firebase archivos de configuración (GoogleService-Info.plist para iOS, google-services.json para Android).
    • Actualice archivos específicos de plataforma como Podfile (iOS) y build.gradle (Android).
  • Pasos clave:

    • Instale Crashlytics:

      npm install @capgo/capacitor-firebase-crashlytics && npx cap sync
    • Inicialice Crashlytics en su aplicación:

      import { FirebaseCrashlytics } from '@capgo/capacitor-firebase-crashlytics';
      await FirebaseCrashlytics.initialize();
  • Pruebe su configuración:

    • Desencadene un crash de prueba:

      await FirebaseCrashlytics.crash();
  • Consejo adicional: Combine Crashlytics con Capgo para actualizaciones en vivo instantáneas sin retrasos de la tienda de aplicaciones.

Esta guía garantiza que tu aplicación sea libre de errores y amigable para el usuario. Comienza configurando Firebase Crashlytics hoy mismo!

2021 Guía para Android: Firebase Crashlytics - errores personalizados …

Firebase Crashlytics

Requisitos de configuración

Antes de sumergirte, asegúrate de haber completado los siguientes pasos:

Requisitos de software y cuentas

Necesitarás instalar lo siguiente:

  • Node.js (v16 o superior) y Capacitor (v4 o superior)
  • A Cuenta de Firebase con un proyecto activo
  • Xcode 14+ para el desarrollo de iOS
  • Android Studio Electric Eel o una versión más reciente para el desarrollo de Android
  • La última versión de CocoaPods (requerido para iOS)

Archivos de configuración de plataforma

Para iOS:

  • Descargue el archivo desde la Consola de Firebase. GoogleService-Info.plist Actualice su
  • para incluir dependencias de Crashlytics. Podfile Agregue las claves de privacidad necesarias a su
  • archivo. Info.plist Para Android:

Obtenga el archivo desde la Consola de Firebase.

  • __CAPGO_KEEP_0__ google-services.json __CAPGO_KEEP_1__
  • Haz cambios en ambos el nivel del proyecto y el nivel de la aplicación build.gradle Haz cambios en ambos el nivel del proyecto y el nivel de la aplicación
  • Haz cambios en ambos el nivel del proyecto y el nivel de la aplicación AndroidManifest.xml Haz cambios en ambos el nivel del proyecto y el nivel de la aplicación

Haz cambios en ambos el nivel del proyecto y el nivel de la aplicación Haz cambios en ambos el nivel del proyecto y el nivel de la aplicación

Haz cambios en ambos el nivel del proyecto y el nivel de la aplicación

Haz cambios en ambos el nivel del proyecto y el nivel de la aplicación

  1. Haz cambios en ambos el nivel del proyecto y el nivel de la aplicación Haz cambios en ambos el nivel del proyecto y el nivel de la aplicación

  2. Haz cambios en ambos el nivel del proyecto y el nivel de la aplicación Haz cambios en ambos el nivel del proyecto y el nivel de la aplicación

    • Utilice el ID de paquete para iOS y el nombre de paquete para Android.
    • Descargue los archivos de configuración: GoogleService-Info.plist (iOS) y google-services.json (Android).
  3. Integrar SDK de Firebase en su aplicación agregando estas dependencias:

    Para Android (nivel de aplicación build.gradle):

    dependencies {
        implementation platform('com.google.firebase:firebase-bom:32.0.0')
        implementation 'com.google.firebase:firebase-crashlytics'
        implementation 'com.google.firebase:firebase-analytics'
    }

    Para iOS (Podfile):

    pod 'Firebase/Crashlytics'
    pod 'Firebase/Analytics'

Una vez completados estos pasos, estás listo para pasar a la sección de instalación de plugins.

Pasos de instalación

Instalación de plugins

Luego, sincroniza el plugin con tus plataformas nativas y ve a la @capgo/capacitor-firebase-crashlytics página del plugin para la referencia completa de API:

npm install @capgo/capacitor-firebase-crashlytics && npx cap sync

Luego, inicia Crashlytics en tu aplicación. Agrega los siguientes code a app.component.ts o main.ts:

import { FirebaseCrashlytics } from '@capgo/capacitor-firebase-crashlytics';
await FirebaseCrashlytics.initialize();

Configuración de plataforma

Configura las configuraciones requeridas para las plataformas Android e iOS.

Configuración de Android

  1. Agrega el plugin de Crashlytics Gradle a tu archivo de nivel de aplicación build.gradle archivo:

    buildscript { 
        dependencies { 
            classpath 'com.google.firebase:firebase-crashlytics-gradle:2.9.5' 
        } 
    }
    apply plugin: 'com.google.firebase.crashlytics'
  2. Habilite la recopilación de errores en AndroidManifest.xml:

    <meta-data
        android:name="firebase_crashlytics_collection_enabled"
        android:value="true" />

Configuración de iOS

  1. Configure Firebase en AppDelegate.swift:

    import Firebase
    FirebaseApp.configure()

Pruebe su configuración

Verifique que Crashlytics esté funcionando ejecutando un error de prueba y revisando la Consola de Firebase:

  • Desencadene un error de prueba con una clave personalizada:

    await FirebaseCrashlytics.setCustomKey({key: 'test_scenario', value: 'manual_crash'});
    await FirebaseCrashlytics.crash();
  • Opcionalmente, identifique a un usuario:

    await FirebaseCrashlytics.setUserId({userId: 'user123'});
  • Registre eventos personalizados:

    await FirebaseCrashlytics.log({message: 'Test crash triggered'});

Los informes, incluidos los rastros de pila, detalles del dispositivo y claves personalizadas, deberían aparecer en la Consola de Firebase dentro de unos 5 minutos.

Importante: Elimine las llamadas de errores antes de liberar su aplicación. Para deshabilitar la recopilación de errores durante el desarrollo, utilice:

await FirebaseCrashlytics.setCrashlyticsCollectionEnabled({enabled: false});

Guía de Monitoreo

Una vez que hayas confirmado tu configuración con un crash de prueba, utiliza la Consola de Firebase para rastrear los crash reales y errores en tu aplicación en vivo.

Leer Informes de Crash

Puedes encontrar informes de crash en la Consola de Firebase en la sección Crashlytics. Aquí es lo que verás:

  • Usuarios sin crash: El porcentaje de usuarios que no han experimentado crash.
  • Estabilidad de la cuestión: La frecuencia con la que ocurren los crash.
  • Análisis de impacto: El número de usuarios afectados.

Haz clic en cualquier problema para profundizar en detalles como las trazas de pila, la información del dispositivo (por ejemplo, la versión del sistema operativo, la memoria), las claves personalizadas, los registros y el recorrido del usuario que llevó hasta el crash.

Consejo profesionalActivar la característica de "alertas de velocidad" para recibir notificaciones cuando las tasas de errores aumenten de repente. Esto puede ayudarlo a abordar problemas antes de que afecten a demasiados usuarios.

Consejos para la Gestión de Errores

  • Priorizar por ImpactoActivar la característica de "alertas de velocidad" para recibir notificaciones cuando las tasas de errores aumenten de repente. Esto puede ayudarlo a abordar problemas antes de que afecten a demasiados usuarios.

  • Usar Claves PersonalizadasAgregar contexto a los informes de errores con claves personalizadas. Por ejemplo:

    await FirebaseCrashlytics.setCustomKey({
      key: 'current_view',
      value: 'payment_processing'
    });
  • Grupos de Problemas SimilaresTomar ventaja de la agrupación automática de problemas de Firebase. También puede etiquetar errores relacionados con claves personalizadas consistentes y utilizar titulares claros y descriptivos para un seguimiento más fácil.

Protegiendo la Privacidad del Usuario

Para asegurar el cumplimiento y proteger los datos de los usuarios, siga estas directrices:

  • Permisos:

    • Mencione la información de errores en su política de privacidad.
    • Obtener el consentimiento del usuario para la recopilación de datos en regiones con regulaciones de GDPR.
    • Proporcionar a los usuarios la opción de darse de baja de la informe de errores.
  • Controles de Recopilación de Datos:

    await FirebaseCrashlytics.setCrashlyticsCollectionEnabled({enabled: false});
    await FirebaseCrashlytics.setCrashlyticsCollectionEnabled({enabled: true});
  • Retención de Datos:

    • Configurar la eliminación automática de datos después de 90 días.
    • Elimine información sensible de sus informes.
    • Utilice claves personalizadas no identificables para mantener la privacidad del usuario mientras depura.

Capgo Integración

Capgo Dashboard de Actualizaciones en Vivo

Mejore el proceso desde la detección de errores hasta la implementación de corrección al pairar el sistema de actualizaciones en vivo de Capgo con Crashlytics.

Sobre Capgo

Capgo es una herramienta de actualización en vivo diseñada específicamente para Capacitor apps. Con más de 1.900 aplicaciones en producción y un 95% de actualizaciones dentro de 24 horas, garantiza correcciones rápidas sin los retrasos de aprobaciones de tiendas de aplicaciones [1].

Características clave incluyen:

  • Encriptación de extremo a extremo context: Página/área: Sitio web de marketing de Capgo. Rol: Etiqueta de UI corta o elemento de navegación. Clave de mensaje `end_to_end_encryption` (End To End Encryption).
  • para actualizaciones seguras Reiniciar con un solo clic
  • al versiones anteriores Distribución basada en canales
  • para lanzamientos dirigidos
  • Integración CI/CD suave plataforma de código abierto del 100%

Crashlytics y Capgo juntos

Usar Crashlytics con Capgo crea un flujo de trabajo eficiente para identificar y resolver problemas rápidamente.

Aquí's cómo funciona:

  1. Deteción y respuesta de errores
    Crashlytics identifica un error, y Capgo te permite desplegar correcciones de inmediato sin tener que esperar la aprobación de la tienda de aplicaciones.

  2. Actualizaciones dirigidas

    • Pruebas de betacontexto: Página/área: Página de marketing de soluciones de Capgo. Rol: Etiqueta de IU corta o elemento de navegación. Visto en: encabezado de sitio, página solutions/beta-testing.astro. Clave de mensaje `solutions_beta_testing` (Pruebas de beta de soluciones).
    • : Prueba fijaciones con un grupo específico para asegurarse de que sean efectivas.Despliegue escalonado
    • : Despliega actualizaciones gradualmente para reducir riesgos.: Envíe parches críticos rápidamente para resolver problemas urgentes.
  3. Monitoreo y Verificación
    Después de desplegar actualizaciones con Capgo, utilice Crashlytics para rastrear las tasas de errores y confirmar que el problema está resuelto.

Seguridad y Reglas de la Tienda de Aplicaciones

Capgo cumple con las políticas de Apple y Google mientras proporciona características de seguridad fuertes:

  • Tasa de éxito global del 82% para entregar actualizaciones [1]
  • Control de versiones automático para una mejor organización
  • Cumplimiento con las directrices de actualización en vivo de la tienda de aplicaciones

Para una integración segura con Crashlytics:

  • Habilite el seguimiento de errores en ambos sistemas.
  • Utilice las herramientas de monitoreo de Capgo junto con los informes de Crashlytics.
  • Mantenga el control de versiones para todas las actualizaciones.
  • Considere los detalles de los registros de actualizaciones con fines de auditoría.

Continúa a la sección de Opciones del Plugin para explorar otras herramientas de actualización en vivo.

Opciones del Plugin

La elección del plugin adecuado para informar sobre errores puede tener un gran impacto en cómo identificas y solucionas errores en tu aplicación.

Aquí tienes una comparación rápida de Crashlytics con otras herramientas populares de informe de errores para Capacitor:

  • Sentry: Ofrece un nivel gratuito con planes pagos que comienzan en $26/mes. Soporta más de 30 plataformas y proporciona monitoreo de errores en tiempo real con contexto detallado.
  • Bugsnag: Comienza en $47/mes. Cubre tanto plataformas móviles como web, destacando agrupación automática de errores y seguimiento de versiones.
  • Rollbar: Se vende desde $31/mes. Funciona en varias plataformas, con características como seguimiento de despliegues y seguimiento de personas.

Crashlytics es especialmente atractivo para equipos que ya utilizan Firebase, gracias a su integración suave y un nivel gratuito.

Resumen

Aquí tienes una visión rápida de lo que has logrado y lo que viene a continuación:

Recapitulación de los Pasos de Configuración

Has completado tres pasos clave para empezar:

  • Has creado un proyecto de Firebase y registrado tus aplicaciones iOS/Android.
  • Has instalado y configurado el plugin de Crashlytics.
  • Has actualizado los archivos de plataforma iOS y Android necesarios.

¿Por qué Integrar Estas Herramientas?

Pairing Firebase Crashlytics with Capgo gives you a powerful system for error tracking and ActualizacionesSoluciones rápidas

  • Aquí tienes una visión rápida de lo que has logrado y lo que viene a continuación:: Envía actualizaciones instantáneas y vuelve a implementar cambios con solo un clic.
  • Despliegues confiables: Asegúrate de que las actualizaciones sean ampliamente adoptadas y se entreguen de manera suave a los usuarios.

¿Qué sigue?

  1. Activa las análisis de errores detallados en la Consola de Firebase.
  2. Agrega Capgo a tu pipeline de CI/CD para actualizaciones simplificadas.
  3. Usa Capgo canales para probar y liberar arreglos paso a paso.

Con Crashlytics y Capgo en lugar, estás listo para mantener tu aplicación funcionando de manera fluida y mejorando con el tiempo.

Sigue adelante desde Firebase Crashlytics para aplicaciones Capacitor

Si estás utilizando Firebase Crashlytics para Aplicaciones Capacitor para planificar el trabajo de plugin nativo, conectarlo con Capgo Directorio de Plugin para el flujo de trabajo del producto en Capgo Directorio de Plugin Capacitor Plugins por Capgo para el detalle de implementación en Capacitor Plugins por Capgo Agregar o Actualizar Plugins para el detalle de implementación en Agregar o Actualizar Plugins Alternativas de Plugins de Ionic Enterprise para el flujo de trabajo del producto en Alternativas de Plugins de Ionic Enterprise, y Capgo Compilaciones Nativas para el flujo de trabajo del producto en Capgo Compilaciones Nativas.

Actualizaciones en vivo para aplicaciones Capacitor

Cuando un error de capa de web está en vivo, envíe la corrección a través de Capgo en lugar de esperar días para la aprobación de la tienda de aplicaciones. Los usuarios obtienen la actualización en segundo plano mientras los cambios nativos siguen en el camino de revisión normal.

soporte humano de Martin

Iniciar Ahora

Últimas noticias de nuestro Blog

Capgo te da las mejores perspectivas que necesitas para crear una aplicación móvil verdaderamente profesional.