Crashlytics Firebase pour les applications Capacitor

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

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.
Exigences de configuration :
- Installez Node.js (v16+), Capacitor (v4+), et outils comme Xcode 14+ et Android Studio Electric Eel.
- Télécharger Firebase les fichiers de configuration (GoogleService-Info.plist pour iOS, google-services.json pour Android).
- Mettre à jour les fichiers spécifiques à la plateforme comme Podfile iOS) et build.gradle (Android).

Étapes clés :

Installez Crashlytics :

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

Initialisez Crashlytics dans votre application :

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

Testez votre configuration :
- Déclenchez un crash de test :
```
await FirebaseCrashlytics.crash();
```
Conseil supplémentaire : Combinez 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 !

2021 Guide Android : Crashlytics Firebase - crash … personnalisé

Crashlytics Firebase

Exigences de configuration

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

Logiciels et comptes requis

Vous aurez besoin d'installer les éléments suivants :

Node.js (v16 ou supérieur) et Capacitor (v4 ou supérieur)
A 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 (obligatoire pour iOS)

Fichiers de configuration de plateforme

Pour iOS :

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

Obtenez le fichier depuis le Console Firebase.

Apportez des modifications aux fichiers à la fois au niveau du projet et de l'application. google-services.json Apportez des modifications aux fichiers à la fois au niveau du projet et de l'application.
Apportez des modifications aux fichiers à la fois au niveau du projet et de l'application. build.gradle Apportez des modifications aux fichiers à la fois au niveau du projet et de l'application.
Mettre à jour le AndroidManifest.xml pour y inclure les autorisations requises.

Firebase Configuration de la Console

Tableau de bord de la plateforme Firebase

Configurez Firebase et activez Crashlytics à l'aide de ces étapes :

Créez un projet Firebase et activez Crashlytics.
Enregistrez vos applications dans la Console Firebase :
- Utilisez l' identifiant de l'application pour iOS et le le nom du 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 terminées, vous êtes prêt à passer à la section Installation du Plugin.

Étapes d'installation

Installation du plugin

Ensuite, synchronisez le plugin avec vos plateformes natives et voyez le @capgo/capacitor-firebase-crashlytics plugin page pour la référence complète de API :

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

Then, initialize Crashlytics in your app. Add the following code to app.component.ts ou main.ts:

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

Configuration de la plateforme

Configurez les configurations requises pour les plateformes Android et iOS.

Configuration Android

Ajoutez le plugin Gradle Crashlytics à votre fichier d'application : build.gradle Activer la collecte de crashs dans

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

__CAPGO_KEEP_0__ AndroidManifest.xml:

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

Configuration iOS

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

Vérifiez votre configuration en effectuant des tests :

Confirmez que Crashlytics fonctionne en exécutant un test de crash et en vérifiant 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 apparaitre dans le Console Firebase dans environ 5 minutes.

Important : Supprimez les appels de crash avant de publier 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 test de crash, utilisez le Console Firebase pour suivre les vrais crashs et les erreurs dans votre application en direct.

Rapports de panne

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

Utilisateurs sans panne: Le pourcentage d'utilisateurs qui n'ont pas rencontré de panne.
Stabilité des problèmes: La fréquence à laquelle les panne se produisent.
Analyse de l'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 le parcours de l'utilisateur menant à la panne.

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

Conseils de gestion des erreurs

Prioriser par Impact: Concentrez-vous sur les plantages 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 personnalisées: Ajoutez du contexte à vos rapports de plantage avec des clés personnalisées. Par exemple :
```
await FirebaseCrashlytics.setCustomKey({
  key: 'current_view',
  value: 'payment_processing'
});
```
Groupement de Problèmes similaires: Profitez des groupements automatiques de problèmes proposés par Firebase. Vous pouvez également étiqueter les plantages 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 garantir le respect des réglementations et protéger les données des utilisateurs, suivez ces lignes directrices :

Autorisations:
- : Mentionnez le rapport de plantage dans votre politique de confidentialité.
- : Demandez l'accord des utilisateurs pour la collecte de données dans les régions soumises à la réglementation GDPR.
- : Fournissez aux utilisateurs l'option de se désabonner du rapport de plantage.

Contrôle de la collecte de données:

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

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

Capgo Intégration

Capgo Live Update Dashboard Interface

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

About Capgo

Capgo is a live update tool designed specifically for Capacitor apps. Avec plus de 1 900 applications en production et un taux d'actualisation de 95 % en 24 heures, elle garantit des corrections rapides sans les retards des approbations des magasins d'applications [1].

Les fonctionnalités clés incluent :

Chiffrement de bout en bout Mise à jour sécurisée
Annulation rapide Vers les versions précédentes
Distribution basée sur le canal Pour les lancements ciblés
Intégration CI/CD sans heurts
Une plateforme 100 % open-source Crashlytics et __CAPGO_KEEP_0__ Ensemble

Crashlytics and Capgo Together

En utilisant Crashlytics avec Capgo, vous créez un flux de travail efficace pour identifier et résoudre rapidement les problèmes.

Voici comment cela fonctionne :

Détection et réponse aux crashes
Crashlytics identifie une panne, et Capgo vous permet de déployer des correctifs instantanément sans attendre l'approbation de la boutique d'applications.
Mises à jour ciblées
- Test betacontext : Page/zone : Page de marketing des solutions Capgo. Rôle : Étiquette de navigation ou élément de menu court. Vue dans : en-tête de site, page solutions/test-beta.astro. Clé de message `solutions_beta_testing` (Test beta des solutions).
- : Testez les correctifs avec un groupe spécifique pour vous assurer qu'ils sont efficaces.Rollout étalé
- : Déployez progressivement les mises à jour pour réduire les risques.Correctif d'urgence
: Envoyez rapidement des correctifs critiques pour résoudre les problèmes urgents.
After 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.

La sécurité et les 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 :

82 % de taux de réussite mondial pour la livraison de mises à jour [1]
Contrôle de version automatique pour une meilleure organisation
Conformité aux directives de mise à jour en direct des magasins d'applications

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 en parallèle des rapports de Crashlytics.
Maintenez le contrôle de version pour toutes les mises à jour.
Conservez des journaux détaillés des mises à jour à des fins de vérification.

Continuez vers la section Options du Plugin pour explorer d'autres outils de mise à jour en direct.

Options du plugin

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

Here’s a quick comparison of Crashlytics with other popular error-reporting tools for Capacitor:

Sentry: Propose 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 des détails de contexte.
Bugsnag: Démarre à 47 €/mois. Couvre les deux plateformes mobile et web, avec des groupes d'erreurs automatiques et un suivi des versions.
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é

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

Étapes de configuration Récapitulatif

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

Vous avez créé un projet Firebase et enregistré vos applications iOS/Android.
Vous avez installé et configuré le plugin Crashlytics.
Vous avez mis à jour les 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 : Mises à jour rapides : Déployez des mises à jour instantanées et annulez les changements avec un seul clic.

Déploiements fiablesIntégration de Firebase Crashlytics avec Capacitor
Mise à jour: Assurez-vous que les mises à jour soient largement adoptées et livrées de manière fluide aux utilisateurs.

Qu'est-ce qui vient ensuite ?

Activez les analyses d'erreurs détaillées dans le Console Firebase.
Ajoutez Capgo à votre pipeline CI/CD pour des mises à jour fluides.
Utilisez les canaux Capgo 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 avec Firebase Crashlytics pour les applications Capacitor

Si vous utilisez Firebase Crashlytics pour les applications Capacitor pour planifier le travail de plugin natif, connectez-l’avec Répertoire de plugins Capgo pour le flux de travail du produit dans le Capgo Répertoire de plugins Capacitor Plugins par Capgo pour le détail d'implémentation dans les Capacitor Plugins par Capgo Mise à jour ou ajout de plugins pour le détail d'implémentation dans Mise à jour ou ajout de plugins Alternatives de plugins Ionic Enterprise pour le flux de travail du produit dans les Alternatives de plugins Ionic Enterprise, et Capgo Bâtiments natifs pour le flux de travail du produit dans les Capgo Bâtiments natifs.