Saltar al contenido principal

Firebase Crashlytics para aplicaciones 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.

Martin Donadieu

Martin Donadieu

Gerente de Contenido

Firebase Crashlytics para aplicaciones 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 aplicaciones de iOS y 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:

    • 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 Paso clave:
  • Instalar Crashlytics:

    • Iniciar Crashlytics en tu aplicación:

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

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

    • Consejo adicional:

      await FirebaseCrashlytics.crash();
  • Combina Crashlytics con __CAPGO_KEEP_0__ Capgo Esta guía garantiza que tu aplicación esté libre de errores y sea amigable para el usuario. Comienza configurando Firebase Crashlytics hoy mismo!

Asegúrate de que tu aplicación esté libre de errores y sea amigable para el usuario. Comienza configurando Firebase Crashlytics hoy mismo!

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

Firebase Crashlytics

Requisitos de configuración

Antes de sumergirse, asegúrese de haber completado los siguientes pasos:

Requisitos de software y cuentas

Necesitará 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

__CAPGO_KEEP_0__

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.

  • Haga cambios en ambos archivos de nivel de proyecto y de aplicación. google-services.json __CAPGO_KEEP_0__
  • Haga cambios en ambos archivos de nivel de proyecto y de aplicación. build.gradle __CAPGO_KEEP_1__
  • Actualice el AndroidManifest.xml a fin de incluir los permisos requeridos.

Firebase Configuración del Console

Panel de control de la plataforma de Firebase

Configura Firebase y habilita Crashlytics siguiendo estos pasos:

  1. Crear un proyecto de Firebase y habilitar Crashlytics.

  2. Registra tus aplicaciones en el Console de Firebase:

    • Utiliza 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 hayas 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

Entonces, 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

Entonces, 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 Android y iOS

Configuración de Android

  1. Agregar 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, deberían 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 ocurren las 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 las tasas de ruptura aumentan repentinamente. 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 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 Similares: 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 del usuario, sigue estas directrices:

  • Permisos:

    • : Menciona la información 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 la 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 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 reparaciones rápidas sin las demoras de aprobaciones de tiendas de aplicaciones [1].

Características clave incluyen:

  • Cifrado de extremo a extremo actualizaciones seguras
  • Reiniciación automática a 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_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 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 soluciones/pruebas-de-beta.astro. Clave de mensaje `solutions_beta_testing` (Pruebas de beta de soluciones).
    • : Prueba fijaciones con un grupo específico para asegurarse de que son efectivas.Despliegue escalonado
    • : Despliega actualizaciones gradualmente 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 errores y confirmar que el problema se ha 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 de 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 solucionar 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 un seguimiento de errores en tiempo real con detalles.
  • 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 vende desde $31/mes. Funciona en varias plataformas, con características como el seguimiento de despliegues y el 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 qué 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?

Pairing Firebase Crashlytics with Capgo gives you a powerful system for error tracking and gestionamiento de actualizaciones. Aquí tienes lo que esta combinación ofrece:

  • Soluciones rápidas: Puedes enviar actualizaciones instantáneas y revertir 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. Active las análisis de errores detallados en la Consola de Firebase.
  2. Agregue Capgo a su pipeline de CI/CD para actualizaciones escalonadas.
  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 de manera suave y mejorando con el tiempo.

Siga adelante desde Firebase Crashlytics para Capacitor Apps

Si está utilizando Firebase Crashlytics para Capacitor Apps 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 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.