Saltar al contenido principal

Firebase Crashlytics para Capacitor Aplicaciones

Aprenda a integrar informes de errores en tiempo real en sus aplicaciones móviles con una guía paso a paso sobre la configuración de Crashlytics para iOS y Android.

Martin Donadieu

Martin Donadieu

Gerente de Contenido

Firebase Crashlytics para Capacitor Aplicaciones

Firebase Crashlytics le 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í hay 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 build.gradle (Android).
  • Pasos clave:

    • Instale Crashlytics:

      npm install @capgo/capacitor-firebase-crashlytics && npx cap sync
    • Inicie 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 obtener actualizaciones en vivo instantáneas sin retrasos de la tienda de aplicaciones.

Esta guía garantiza que su aplicación esté libre de errores y sea amigable para los usuarios. Comience configurando Firebase Crashlytics hoy mismo!

Guía de Android 2021: Crashlytics de Firebase - falla de crash …

Crashlytics de Firebase

Requisitos de configuración

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

Software y cuentas necesarias

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 versión más reciente de CocoaPods (requerido para iOS)

Archivos de configuración de plataforma

Para iOS:

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

Para Android:

  • obtenga el google-services.json archivo desde la Consola de Firebase.
  • Haga cambios en ambos los archivos de nivel de proyecto y de nivel de aplicación. build.gradle __CAPGO_KEEP_0__
  • Actualizar AndroidManifest.xml para incluir los permisos requeridos.

Firebase Configuración del Console

Panel de control de la plataforma Firebase

Configura Firebase y habilita Crashlytics siguiendo estos pasos:

  1. Crear un proyecto de Firebase y habilitar Crashlytics.

  2. Registrar tus aplicaciones en la consola de Firebase:

    • Utiliza el ID de bundle 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 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, sincronice el plugin con sus plataformas nativas y vea el @capgo/capacitor-firebase-crashlytics página del plugin para la referencia completa de API:

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

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

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

Configuración de la plataforma

Configure las configuraciones requeridas 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 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" />

iOS Setup

  1. Configura Firebase en AppDelegate.swift:

    import Firebase
    FirebaseApp.configure()

Prueba tu configuración

Verifica 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, deberían aparecer en la Consola de Firebase dentro de unos 5 minutos.

Importante: Elimina las llamadas de crash antes de lanzar 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.

Reportes de Crashes

Puede encontrar los reportes de crash en la Consola de Firebase en la sección Crashlytics. Aquí está lo que verá:

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

Haga clic en cualquier problema para profundizar en detalles como las 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ó al crash.

Consejo: Active la característica de

para recibir notificaciones cuando los índices de crash aumentan de repente. Esto puede ayudarlo a abordar problemas antes de que afecten a demasiados usuarios.

  • 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.

Protegiendo la Privacidad del Usuario

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

  • Permisos:

    • : Menciona el informe de errores en tu política de privacidad.
    • Obtén el consentimiento del usuario para la recolección de datos en regiones con regulaciones de GDPR.
    • Proporciona a los usuarios la opción de darse de baja del informe 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 depuras.

Capgo Integración

Capgo Dashboard de Actualización en Vivo de la Interface

Mejora el proceso desde la detección de errores hasta la implementación de correcciones al pairar el sistema de actualización en vivo de Capgo con Crashlytics.

Sobre Capgo

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

Características clave incluyen:

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

Crashlytics y Capgo Juntos

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

    • : Prueba correcciones con un grupo específico para asegurarse de que sean efectivas.Despliegue escalonado
    • : Despliega actualizaciones gradualmente para reducir riesgos.Solución de emergencia
    • : Envía parches críticos rápidamente para resolver problemas urgentes.Monitoreo y verificación
  3. __CAPGO_KEEP_0__
    After 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:

  • 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 para fines de auditoría.

Continúe 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 la reportación de errores puede tener un gran impacto en cómo identificas y solucionas errores en tu aplicación.

Una comparación rápida de Crashlytics con otras herramientas populares de reportación 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 el grupo automático de errores y el seguimiento de versiones.
  • Rollbar: Se precio desde $31/mes. Funciona en varias plataformas, con características como el 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

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:

  • Creó un proyecto de Firebase y registró sus aplicaciones iOS/Android.
  • Instaló y configuró el plugin de Crashlytics.
  • Actualizó 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 __CAPGO_KEEP_0__. Aquí lo que este combo ofrece:

  • Soluciones rápidas: Pushe instantáneas de actualizaciones y retrocede cambios con solo un clic.
  • Despliegues fiablesAsegúrese de que las actualizaciones sean ampliamente adoptadas y se entreguen de manera suave a los usuarios.

¿Qué sigue?

  1. Activar análisis de errores detallados en la Consola de Firebase.
  2. Agregar Capgo a su pipeline de CI/CD para actualizaciones simplificadas.
  3. Usar 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 Capacitor Aplicaciones

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

Actualizaciones en vivo para Capacitor aplicaciones

Cuando un error en la capa 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.

Comienza ahora

Últimas noticias de nuestro Blog

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