Saltar al contenido principal

Firebase Crashlytics para aplicaciones de Capacitor

Aprende a integrar informes de errores en tiempo real en tus aplicaciones móviles con una guía paso a paso para configurar Crashlytics para iOS y Android.

Firebase Crashlytics para aplicaciones de Capacitor

Firebase Crashlytics te ayuda a rastrear errores de aplicaciones en tiempo real, proporcionando informes detallados para solucionar problemas rápidamente. Se integra de manera suave con Capacitor para ambas aplicaciones iOS y Android. Aquí está lo que debes saber:

  • ¿Por qué usar Crashlytics?

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

    • Instala 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).
    • Actualizar archivos específicos de plataforma como Podfile iOS) y (Android). build.gradle Pasos clave:
  • Instale Crashlytics:

    • Inicialice Crashlytics en su aplicación:

      npm install @capgo/capacitor-firebase-crashlytics && npx cap sync
    • Pruebe su configuración:

      import { FirebaseCrashlytics } from '@capgo/capacitor-firebase-crashlytics';
      await FirebaseCrashlytics.initialize();
  • Desencadene un crash de prueba:

    • Consejo adicional:

      await FirebaseCrashlytics.crash();
  • Combine Crashlytics con __CAPGO_KEEP_0__ Capgo Esta guía garantiza que su aplicación esté libre de errores y sea amigable para los usuarios. Comience configurando Firebase Crashlytics hoy mismo!

Inicie configurando Firebase Crashlytics hoy mismo!

2021 Guía para Android: Firebase Crashlytics - falla de la aplicación …

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 desarrollo de iOS
  • Android Studio Electric Eel o una versión más reciente para 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
  • a que incluya dependencias de Crashlytics. Podfile Agregue las claves de privacidad necesarias a su
  • Para Android: Info.plist Obtenga el archivo desde la Consola de Firebase.

Haga cambios en tanto el archivo de nivel de proyecto como el archivo de nivel de aplicación

  • files. google-services.json file
  • file build.gradle file
  • Actualice el AndroidManifest.xml a fin de incluir los permisos requeridos.

Firebase Configuración del Console

Panel de control de la plataforma de Firebase

Configure Firebase y habilite Crashlytics siguiendo estos pasos:

  1. Crear un proyecto de Firebase y habilitar Crashlytics.

  2. Registre sus aplicaciones en el Console de Firebase:

    • Utilice el ID de paquete para iOS y el nombre del paquete para Android.
    • Descargar los archivos de configuración: GoogleService-Info.plist (iOS) y google-services.json (Android).
  3. Integrar SDKs de Firebase en tu 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 que se hayan completado estos pasos, estás listo para pasar a la sección de instalación del Plugin.

Pasos de instalación

Instalación del plugin

Luego, sincronice el plugin con sus plataformas nativas y vea el @capgo/capacitor-firebase-crashlytics plugin de página para la referencia completa de API:

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

Luego, inicialice Crashlytics en su aplicación. Agregue el siguiente code a app.component.ts o main.ts:

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

Configuración de la plataforma

Configuración de los requisitos para las plataformas Android e iOS.

Configuración de Android

  1. Agregue el plugin de Gradle de Crashlytics a su archivo de nivel de aplicación: build.gradle Habilite la recopilación de errores en

    buildscript { 
        dependencies { 
            classpath 'com.google.firebase:firebase-crashlytics-gradle:2.9.5' 
        } 
    }
    apply plugin: 'com.google.firebase.crashlytics'
  2. __CAPGO_KEEP_0__ AndroidManifest.xml:

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

Configuración de iOS

  1. Configura Firebase en AppDelegate.swift:

    import Firebase
    FirebaseApp.configure()

Prueba tu configuración

Confirma que Crashlytics está funcionando ejecutando un crash de prueba y revisando la Consola de Firebase:

  • Desencadena un crash de prueba con una clave personalizada:

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

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

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

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

Importante: Elimina las llamadas de crash antes de liberar tu aplicación. Para deshabilitar la recopilación de crash durante el desarrollo, utiliza:

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 y errores reales en tu aplicación en vivo.

Leer Informes de Ruptura

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

  • Usuarios sin Rupturas: El porcentaje de usuarios que no han experimentado rupturas.
  • Estabilidad de Problemas: La frecuencia con la que se producen rupturas.
  • Análisis de Impacto: El número de usuarios afectados.

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

Consejo Pro: Activa la característica de 'alertas de velocidad' para recibir notificaciones cuando aumentan las tasas de ruptura de manera repentina. Esto puede ayudarte a abordar problemas antes de que afecten a demasiados usuarios.

Consejos de Gestión de Errores

  • Priorizar por Impacto: Enfócate en los errores que afectan a más usuarios o que ocurren en partes críticas de tu aplicación. El seguimiento de tendencias puede ayudarte a identificar problemas urgentes.

  • Usar Claves Personalizadas: Agrega contexto a tus informes de errores con claves personalizadas. Por ejemplo:

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

Proteger la Privacidad del Usuario

: Para asegurar el cumplimiento y proteger los datos del usuario, sigue estas directrices:

  • Permisos:

    • : Menciona el informe de errores en tu política de privacidad.
    • : Obtén el consentimiento del usuario para la recopilación de datos en regiones con regulaciones de GDPR.
    • : Proporciona a los usuarios la opción de darse de baja de los informes de errores.
  • Controles de Recopilación de Datos:

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

    • Configura la eliminación automática de datos después de 90 días.
    • Elimina información sensible de tus informes.
    • Utiliza claves personalizadas no identificables para mantener la privacidad del usuario mientras se depura.

Capgo Integración

Capgo Live Update Dashboard Interface

Mejora el proceso desde la detección de errores hasta la implementación de correcciones 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 aplicaciones. 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:

  • Cifrado de extremo a extremo actualizaciones seguras
  • Reinicialización de clic a versiones anteriores
  • Distribución basada en canales para lanzamientos dirigidos
  • Integración CI/CD sin problemas
  • Una plataforma de código abierto al 100% Crashlytics y __CAPGO_KEEP_0__ Juntos

Crashlytics and Capgo Together

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

Aquí's cómo funciona:

  1. Detecção y respuesta de errores
    Crashlytics identifica un error, y Capgo le permite desplegar correcciones de inmediato sin tener que esperar la aprobación de la tienda de aplicaciones.

  2. Actualizaciones dirigidas

    • Pruebas 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 beta de soluciones).
    • : Prueba fijaciones con un grupo específico para asegurarse de que son efectivas.Despliegue escalonado
    • : Despliega gradualmente actualizaciones para reducir riesgos.Solución de emergencia
  3. : Envía parches críticos rápidamente para resolver problemas urgentes.
    After desplegar actualizaciones con Capgo, utilice Crashlytics para rastrear las tasas de fallas 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:

  • 82% de tasa de éxito global 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.
  • Conservar registros detallados de actualizaciones con fines de auditoría.

Siga 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 identificar y corregir 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, con características de 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 mirada rápida de lo que has logrado y lo que viene a continuación:

Resumen de los Pasos de Configuración

Has completado tres pasos clave para empezar:

  • Creaste un proyecto de Firebase y registraste tus aplicaciones iOS/Android.
  • Instalaste y configuraste el plugin de Crashlytics.
  • Actualizaste los archivos de plataforma iOS y Android necesarios.

¿Por qué Integrar Estas Herramientas?

Al combinar Firebase Crashlytics con Capgo obtienes un sistema poderoso para el seguimiento de errores y el gestión de actualizaciones . Aquí está lo que ofrece esta combinación:

  • Soluciones rápidas : Envía actualizaciones instantáneas y vuelve a cambiar cambios con solo un clic.
  • Despliegues fiables: Asegúrese de que las actualizaciones sean ampliamente adoptadas y se entreguen de manera suave a los usuarios.

¿Qué sigue?

  1. Active análisis de errores detallados en la Consola de Firebase.
  2. Agregue Capgo a su pipeline de CI/CD para actualizaciones escalonadas.
  3. Use Capgo canales para probar y liberar arreglos paso a paso.

Con Crashlytics y Capgo en su lugar, está listo para mantener su aplicación funcionando suavemente y mejorando con el tiempo.

Siga adelante desde Firebase Crashlytics para aplicaciones Capacitor

Si está utilizando Firebase Crashlytics para aplicaciones Capacitor para planificar el trabajo de plugin nativo, conecte con Capgo Directorio de Plugins para el flujo de trabajo del producto en Capgo Directorio de Plugins, 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 de Capacitor

Cuando un error de capa de web está activo, envía 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 reciben la actualización en segundo plano mientras los cambios nativos siguen en el camino de revisión normal.

soporte humano de Martin

Comienza ahora

Últimas noticias de nuestro Blog

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