Crashlytics Firebase pour les applications Capacitor

Firebase Crashlytics aide à suivre les crashes d'applications en temps réel, en fournissant des rapports détaillés pour résoudre les problèmes rapidement. Elle s'intègre de manière fluide avec Capacitor pour les applications iOS et Android. Voici ce qu'il faut savoir :

Pourquoi Utiliser Crashlytics ?
- Obtenez des alertes de crash en temps réel.
- Analysez des rapports de crash détaillés avec le regroupement automatique des problèmes.
- Surveillez les erreurs critiques pour maintenir les applications stables.
Configuration requise :
- Installer Node.js (v16+), Capacitor (v4+), et outils comme Xcode 14+ et Android Studio Electric Eel.
- Télécharger Firebase fichiers de configuration (GoogleService-Info.plist pour iOS, google-services.json pour Android).
- Mettez à jour les fichiers spécifiques à la plateforme comme Podfile (iOS) et build.gradle (Android).

Étapes Clés :

Installer Crashlytics :

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

Initialiser Crashlytics dans votre application :

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

Tester votre Configuration :
- Déclencher un crash de test :
```
await FirebaseCrashlytics.crash();
```
Conseil Bonus : Intégrer Crashlytics avec Capgo pour des mises à jour en direct instantanées sans retard de l'App Store.

Cette guide vous garantit que votre application est exempte de plantages et conviviale. Commencez par configurer Firebase Crashlytics dès aujourd'hui !

Guide 2021 Android : Firebase Crashlytics - crash … personnalisé

Firebase Crashlytics

Exigences de configuration

Avant de plonger, assurez-vous d'avoir terminé les étapes suivantes :

Logiciels et comptes requis

Vous devrez installer les éléments suivants :

Node.js (v16 ou supérieur) et Capacitor (v4 ou supérieur)
Un compte Firebase avec un projet actif
Xcode 14+ pour le développement iOS
Android Studio Electric Eel ou une version plus récente pour le développement Android
La dernière version de CocoaPods (nécessaire pour iOS)

Fichiers de configuration de plateforme

Pour iOS :

Téléchargez le GoogleService-Info.plist fichier depuis le Console Firebase.
Met à jour votre Podfile pour y inclure les dépendances de Crashlytics.
Ajoutez les clés de confidentialité nécessaires à votre Info.plist fichier.

Pour Android :

Obtenez le google-services.json fichier depuis le Console Firebase.
Apportez des modifications à la fois au niveau du projet et au niveau de l'application build.gradle fichiers.
Mettez à jour le AndroidManifest.xml pour y inclure les permissions requises.

Console Firebase Configuration de Console Firebase

Tableau de bord de la plateforme Firebase

Configurer Firebase et activer Crashlytics à l'aide de ces étapes :

Créez un projet Firebase et activez Crashlytics.
Inscrivez vos applications dans le Console Firebase :
- Utilisez l’ identifiant de bundle pour iOS et le nom de package pour Android.
- Téléchargez les fichiers de configuration : GoogleService-Info.plist (iOS) et google-services.json (Android).

Intégrez les SDK Firebase dans votre application en ajoutant ces dépendances :

Pour Android (niveau d'application 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'
}

Pour iOS (Podfile):

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

Une fois ces étapes complétées, vous êtes prêt à passer à la section d'installation des plugins.

Étapes d'installation

Installation des plugins

Tout d'abord, installez le plugin et synchronisez-le avec Capacitor:

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

Ensuite, initialisez Crashlytics dans votre application. Ajoutez les éléments suivants code à app.component.ts ou main.ts:

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

Configuration du plateau

Configurez les configurations requises pour les plateformes Android et iOS.

Configuration Android

Ajoutez le plugin Gradle Crashlytics à votre fichier d'application : build.gradle __CAPGO_KEEP_0__

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

Activer la collecte de crash : AndroidManifest.xml:

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

Configuration iOS

Configurez Firebase : AppDelegate.swift:
```
import Firebase
FirebaseApp.configure()
```

Testez votre configuration :

Vérifiez que Crashlytics fonctionne en exécutant un test de crash et en consultant le Console Firebase :

Déclenchez un test de crash avec une clé personnalisée :

await FirebaseCrashlytics.setCustomKey({key: 'test_scenario', value: 'manual_crash'});
await FirebaseCrashlytics.crash();

Optionnellement, identifiez un utilisateur :

await FirebaseCrashlytics.setUserId({userId: 'user123'});

Enregistrez des événements personnalisés :

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

Les rapports, y compris les traces de pile, les détails du dispositif et les clés personnalisées, devraient apparaître dans la Console Firebase dans environ 5 minutes.

Important : Évitez les appels de crash avant de lancer votre application. Pour désactiver la collecte de crash pendant le développement, utilisez :

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

Guide de suivi

Une fois que vous avez confirmé votre configuration avec un crash de test, utilisez le Console Firebase pour suivre les crashs et les erreurs réels dans votre application en direct.

Lecture des rapports de crash

Vous pouvez trouver les rapports de crash dans le Console Firebase sous la section Crashlytics. Voici ce que vous verrez :

Utilisateurs sans crash : Le pourcentage d'utilisateurs qui n'ont pas expérimenté de crash.
Problèmes de stabilité : La fréquence à laquelle les crashs se produisent.
Analyse d'impact : Le nombre d'utilisateurs affectés.

Cliquez sur n'importe quel problème pour plonger plus profondément dans les détails comme les traces de pile, les informations sur le dispositif (par exemple, la version du système d'exploitation, la mémoire), les clés personnalisées, les journaux et l'itinéraire de l'utilisateur menant au crash.

Conseil: Activez la fonctionnalité « alertes de vitesse » pour être averti lorsque les taux de crash augmentent soudainement. Cela peut vous aider à résoudre les problèmes avant qu'ils n'affectent trop d'utilisateurs.

Conseils de Gestion des Erreurs

: Concentrez-vous sur les crashes qui affectent le plus d'utilisateurs ou se produisent dans des parties critiques de votre application. Suivre les tendances peut vous aider à identifier les problèmes urgents.Utiliser des Clés Custom
: Ajoutez du contexte à vos rapports de crash avec des clés personnalisées. Par exemple :Groupement de Problèmes Similaires
```
await FirebaseCrashlytics.setCustomKey({
  key: 'current_view',
  value: 'payment_processing'
});
```
: Profitez des groupements automatiques de problèmes proposés par Firebase. Vous pouvez également étiqueter les crashes liés avec des clés personnalisées cohérentes et utiliser des titres clairs et descriptifs pour une traçabilité plus facile.Protection de la Vie Privée des Utilisateurs

Pour vous assurer de la conformité et de la protection des données des utilisateurs, suivez ces lignes directrices :

Permissions

__CAPGO_KEEP_0__:
- Mentionner le rapport de crash dans votre politique de confidentialité.
- Obtenir le consentement des utilisateurs pour la collecte de données dans les régions régies par les réglementations GDPR.
- Fournir aux utilisateurs l'option de se désinscrire du rapport de crash.

Contrôles de collecte de données:

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

Conservation des données:
- Configurer la suppression automatique des données après 90 jours.
- Éliminer les informations sensibles de vos rapports.
- Utiliser des clés personnalisées non identifiables pour maintenir la vie privée des utilisateurs pendant la débogage.

Capgo Intégration

Capgo Interface de tableau de bord de mise à jour en direct

Faciliter le processus de détection de crash à la mise à jour de correction en associant le système de mise à jour en direct de Capgo à Crashlytics.

À propos de Capgo

Capgo est un outil de mise à jour en temps réel conçu spécifiquement pour les Capacitor applications. Avec plus de 1 900 applications en production et un taux de mise à jour de 95% en 24 heures, il garantit des corrections rapides sans les retards des approbations des magasins d'applications [1].

Les principales fonctionnalités comprennent :

Chiffrement de bout en bout pour des mises à jour sécurisées
Annulation rapide vers les versions précédentes
Distribution basée sur les canaux pour des lancements ciblés
Intégration CI/CD fluide
A Plateforme 100% open-source

Crashlytics et Capgo ensemble

L'utilisation de Crashlytics avec Capgo permet de créer un flux de travail efficace pour identifier et résoudre rapidement les problèmes.

Voici comment cela fonctionne :

Détection et réponse aux crashs
Crashlytics identifie un crash, et Capgo vous permet de déployer des correctifs instantanément sans attendre l'approbation des magasins d'applications.
Mises à jour ciblées
- Test bêta : Tester les correctifs avec un groupe spécifique pour s'assurer qu'ils sont efficaces.Déploiement étalé
- Déployer progressivement les mises à jour pour réduire les risques.Plateforme 100% open-source
- Réparation d'urgence: Appliquez rapidement des correctifs critiques pour résoudre les problèmes urgents.
Surveillance et Vérification
Après avoir déployé des mises à jour avec Capgo, utilisez Crashlytics pour suivre les taux de crash et confirmer que le problème est résolu.

Sécurité et Règles de l'App Store

Capgo respecte les politiques d'Apple et de Google tout en fournissant des fonctionnalités de sécurité solides :

Taux de réussite mondial de 82 % pour la livraison de mises à jour [1]
Contrôle de version automatique pour une meilleure organisation
Conformité aux lignes directrices de mise à jour en direct de l'App Store

Pour une intégration sécurisée avec Crashlytics :

Activez la suivi des erreurs dans les deux systèmes.
Utilisez les outils de suivi de Capgo aux côtés des rapports de Crashlytics.
Maintenez le contrôle de version pour toutes les mises à jour.
Conservation de détails des journaux de mises à jour pour des fins d'audit.

Continuez à la section Options de Plugin pour explorer d'autres outils de mise à jour en temps réel.

Options de Plugin

Le choix du bon plugin de signalement de crash peut avoir un impact considérable sur la façon dont vous identifiez et réparez les erreurs dans votre application.

Voici une comparaison rapide de Crashlytics avec d'autres outils populaires de signalement d'erreurs pour Capacitor:

Sentry: Offre un niveau gratuit avec des plans payants à partir de 26 $/mois. Supporte plus de 30 plateformes et fournit un suivi en temps réel des erreurs avec un contexte détaillé.
Bugsnag: Démarre à 47 $/mois. Couvre les deux plateformes mobile et web, avec des groupes d'erreurs automatiques et un suivi des releases.
Rollbar: Pricé à partir de 31 $/mois. Fonctionne sur plusieurs plateformes, avec des fonctionnalités comme le suivi des déploiements et le suivi des personnes.

Crashlytics est particulièrement attractif pour les équipes qui utilisent déjà Firebase, grâce à son intégration fluide et à un niveau gratuit.

Résumé

Voici un aperçu rapide de ce que vous avez accompli et de ce qui vient ensuite :

Récapitulatif des étapes de configuration

Vous avez complété trois étapes clés pour démarrer :

Créé un projet Firebase et enregistré vos applications iOS/Android.
Installez et configurez le plugin Crashlytics.
Mise à jour des fichiers de plateforme iOS et Android nécessaires.

Pourquoi intégrer ces outils ?

L'association de Crashlytics Firebase avec Capgo vous offre un système puissant pour le suivi des erreurs et la gestion des mises à jour. Voici ce que ce combo offre :gestion des mises à jour

Réparations rapides: Envoyez des mises à jour instantanées et annulez les modifications avec juste un clic.
Déploiements fiables: Assurez-vous que les mises à jour soient largement adoptées et livrées de manière fluide aux utilisateurs.

Qu'est-ce qui suit ?

Activez les analyses de crash détaillées dans le Console Firebase.
Ajoutez Capgo à votre pipeline CI/CD pour des mises à jour rationalisées.
Utilisez les Capgo canaux pour tester et lancer les correctifs étape par étape.

Avec Crashlytics et Capgo en place, vous êtes prêt à garder votre application en cours de fonctionnement et à l'améliorer au fil du temps.

Continuez depuis Firebase Crashlytics pour les applications Capacitor

Si vous utilisez Firebase Crashlytics pour les applications Capacitor pour planifier le travail de plugin natif, connectez-le avec Capgo Répertoire de plugin pour le flux de travail du produit dans Capgo Répertoire de plugin, Capacitor Plugins par Capgo pour les détails d'implémentation dans Capacitor Plugins par Capgo, Ajout ou Mise à jour de Plugins pour les détails d'implémentation dans Ajout ou Mise à jour de Plugins, Alternatives de Plugins d'Entreprise Ionic pour le flux de travail du produit dans Alternatives de Plugins d'Entreprise Ionic, et Capgo Builds natifs pour le flux de travail du produit dans Capgo Native Builds.

Firebase Crashlytics pour Capacitor Applications