Configurer la surveillance de la performance dans Capacitor

Vous souhaitez optimiser votre Capacitor La performance de l'application ? app’s performance? Firebase Firebase et Puisque vous pouvez suivre les crashes, l'utilisation des ressources et les temps de réponse, vous pouvez ainsi améliorer l'expérience utilisateur. Voici un aperçu rapide :

• Pourquoi Suivre les PerformancesIdentifiez les plantages, optimisez l'utilisation des ressources et améliorez les temps de réponse.
• Outils à Utiliser:
  • FirebaseDonnées de performance en temps réel, suivi du réseau et suivi d'événements personnalisés via @capgo/capacitor-performances-Firebase and @capgo/capacitor-firebase-crashlytics.
  • SentrySuivi détaillé des erreurs, analyse des traces de pile et notifications en temps réel.
• Setup Steps:
  • Installez Firebase ou Sentry SDK.
  • Configurez votre application pour suivre les métriques de performance ou les erreurs.
  • Use dashboards to analyze and improve app performance.

Comparaison Rapide:

For live updates, integrate tools like Capgo Poussez les correctifs instantanément sans retard de l'App Store. Commencez à surveiller aujourd'hui pour améliorer l'efficacité et la satisfaction de vos utilisateurs.

Optimisez la santé de votre application avec Firebase Surveillance de la performance …

Sélectionnez un outil de surveillance

Choisissez un outil de suivi qui convient aux besoins de votre application et aux compétences de votre équipe. Voici une comparaison de Firebase Performance Monitoring et Sentry pour vous aider à prendre une décision.

Comparaison des outils

Critères de sélection

Lorsque vous vous décidez entre ces outils, considérez les points suivants :

• Taille de l'application et du trafic: Pour les applications qui attendent une croissance rapide, Firebase est une bonne option. Sentry pourrait être mieux adapté aux implémentations à petite échelle.
• Exigences techniques: Firebase nécessite Google Play ServicesSentry fonctionne indépendamment, offrant ainsi plus de flexibilité sur plusieurs plateformes.
• Expérience de l'équipe: Firebase aligns well with teams already familiar with Google tools, while Sentry’s straightforward SDK setup is easier for broader use cases.
• Contraintes budgétaires: Both tools offer free tiers, but compare the costs of scaling features to ensure they fit your budget.
• Objectifs d'intégration: Firebase s'intègre parfaitement avec les workflows basés sur Google, tandis que Sentry se distingue par sa capacité à suivre les erreurs.
• Exigences réglementaires: Assurez-vous que l'outil est conforme aux normes telles que RGPD, en particulier si votre application gère des données utilisateur sensibles.
• Fréquence d'actualisation: Si des mises à jour fréquentes sont critiques, des outils comme Capgo peuvent accélérer les corrections en direct, complétant votre ensemble de suivi.

Guide de configuration de Firebase

Configuration de la surveillance de la performance Firebase dans votre Capacitor application exige quelques étapes claires pour garantir un suivi des données précis.

Installez Firebase SDK

Commencez par ajouter la bibliothèque Firebase SDK à votre projet et la configurer pour vos plateformes(s) :

• Installez les dépendances Firebase

Exécutez les commandes suivantes pour installer les packages Firebase nécessaires. Consultez les @capgo/capacitor-performances-Firebase et @capgo/capacitor-firebase-crashlytics plugin pages for full setup details:

npm install @capgo/capacitor-firebase-performance
npm install firebase

• Initialise Firebase

Configurer Firebase dans votre fichier d'application principal :

import { FirebasePerformance } from '@capgo/capacitor-firebase-performance';
import { initializeApp } from 'firebase/app';

const firebaseConfig = {
  // Add your Firebase configuration object here
};

initializeApp(firebaseConfig);
await FirebasePerformance.initializePerformance();

• Ajouter des Configurations de Plateforme

Mettez à jour capacitor.config.json fichier pour activer la surveillance des performances :

{
  "plugins": {
    "FirebasePerformance": {
      "collectMetrics": true,
      "instrumentationEnabled": true,
      "dataCollectionEnabled": true
    }
  }
}

Configurer la Suivi de Performance

Vous pouvez commencer à suivre des activités spécifiques de l'application comme les requêtes de base de données ou les demandes réseau en utilisant Firebase Performance Monitoring.

• Suivi des requêtes de base de données

async function trackDatabaseQuery() {
  const trace = await FirebasePerformance.startTrace({ traceName: 'database_query' });

  // Perform your database operation
  await performDatabaseOperation();

  await FirebasePerformance.stopTrace({ traceName: 'database_query' });
}

• Surveiller les Demandes Réseau

await FirebasePerformance.setAttributes({
  traceName: 'api_call',
  attributes: {
    endpoint: '/users',
    method: 'GET'
  }
});

• Suivre les Métriques Custom

Pour les métriques personnalisées, telles que la suivi de la valeur d'un panier d'achat :

await FirebasePerformance.putMetric({
  traceName: 'checkout_flow',
  metricName: 'cart_value',
  value: 99.99
});

Une fois ces traces mises en œuvre, vous pouvez examiner les données collectées dans le Console Firebase.

Utiliser la Console Firebase

Après avoir configuré la surveillance, vous pouvez consulter et analyser vos données de performance d'application dans la Console Firebase :

1. Accéder aux Données de Performance

   • Se connecter à la Console Firebase.
   • Sélectionner votre projet.
   • Naviguez vers Surveillance de la performance.
   • Choisissez votre application dans le menu déroulant.

2. Surveiller les principaux indicateurs de performance

La plateforme fournit des informations sur divers indicateurs de performance, notamment :

• Temps de démarrage de l'application
• Taux de réussite des requêtes réseau
• Temps de rendu de l'écran
• Résultats des traces personnalisées

3. Configurer les rapports personnalisés

Créez des rapports personnalisés pour analyser des aspects spécifiques de la performance de votre application, comme :

• Différences de performance par emplacement
• Métriques basées sur le type d'appareil
• Effets des conditions de réseau
• Modèles dans les traces personnalisées

Utilisez ces outils pour identifier et résoudre efficacement les bouchons de performance.

Sentry Configuration de la suivi des erreurs

Firebase gère les métriques de performance, mais Sentry est axé sur la capture et le diagnostic des erreurs. Ensemble, ils vous donnent un bon ensemble de suivi.

Installez Sentry SDK

Commencez par installer les packages Sentry requis :

npm install @sentry/capacitor
# Add the Sentry package for your specific framework

Une fois installés, configurez Sentry dans l'entrée de votre application.

Initialisez Sentry

Configurez Sentry dans l'entrée de votre application à l'aide de la configuration suivante :

import * as Sentry from "@sentry/capacitor";
import { BrowserTracing } from "@sentry/browser";

Sentry.init({
    dsn: "your-project-dsn",
    integrations: [new BrowserTracing()],
    tracesSampleRate: 0.2,
    environment: "production",
    release: "app-version@" + process.env.VERSION,
    dist: process.env.BUILD_NUMBER,
    debug: false
});

Cette configuration inclut la traçabilité des versions, qui relie les erreurs aux versions d'applications spécifiques.

Configurer le suivi des erreurs

Vous pouvez personnaliser le suivi des erreurs en utilisant des limites d'erreurs personnalisées et des blocs try-catch.

Limites d'erreurs personnalisées :

class ErrorBoundary extends React.Component {
    componentDidCatch(error, errorInfo) {
        Sentry.captureException(error, { extra: errorInfo });
    }
}

Suivi d'erreurs spécifiques :

try {
    riskyOperation();
} catch (error) {
    Sentry.captureException(error, {
        tags: { operation: "data_sync", severity: "critical" },
        extra: { userId: currentUser.id, timestamp: new Date().toISOString() }
    });
}

Suivi de la performance :

const transaction = Sentry.startTransaction({
    name: "API Request",
    op: "http.request"
});

try {
    await makeApiCall();
} finally {
    transaction.finish();
}

Ces méthodes assurent que votre application enregistre efficacement les erreurs, ce qui les rend plus faciles à suivre et à résoudre via Sentry.

Utilisez le tableau de bord de Sentry

Le tableau de bord de Sentry fournit des outils pour plonger dans les erreurs et les comprendre mieux :

• Suivi en temps réel: Vérifiez la fréquence des erreurs, l'état de résolution et les utilisateurs affectés.
• Analyse d'erreurs: Examinez les traces de pile, groupez les erreurs similaires et filtrez par environnement.
• AlertesConfigurez les seuils d'erreur, configurez les options de notification et créez des règles d'alerte personnalisées.

Ce tableau de bord facilite la détection et la résolution des problèmes.

Meilleures pratiques de surveillance

Concentrez-vous sur les principaux indicateurs

Capgo’s analyse de 750 applications de production [1] highlights key metrics to monitor:

• Taux de Succès de Mise à Jour: Visez au moins 82 %.
• Vitesse de mise à jour: La CDN mondiale devrait livrer 5 Mo en 114 ms.
• Adoption de l'utilisateur: 95 % des utilisateurs devraient mettre à jour dans les 24 heures.
• Temps de réponse de API: Gardez-le sous 500 ms (la moyenne mondiale est de 434 ms).

Configurer les alertes pour détecter rapidement toute déviation dans ces indicateurs.

Créer des règles d'alerte efficaces

Voici un exemple de configuration des alertes pour la surveillance de la performance :

// Example alert configuration
{
    performance: {
        apiLatency: {
            threshold: 1000, // ms
            period: "5m",
            condition: "above"
        },
        errorRate: {
            threshold: 1.0, // percentage
            period: "15m",
            condition: "above"
        },
        updateSuccess: {
            threshold: 75, // percentage
            period: "1h",
            condition: "below"
        }
    }
}

Continuez à surveiller et à ajuster

Une fois vos alertes en place, concentrez-vous sur la surveillance continue et la révision :

• Vérifications de performance régulières: Examinez les taux de réussite des mises à jour par région, analysez les tendances d'erreurs pour différentes versions d'applications et surveillez les API temps de réponse pendant les heures de pointe.

• Déploiements étalés pour les mises à jour: Commencez par 10% des utilisateurs pendant les 24 premières heures. Si tout se passe bien, augmentez à 50% et finalisez le déploiement après 48 heures de performances stables.

• Optimisation continue: Examine les mises à jour échouées, identifiez les points d'entrée API qui fonctionnent lentement et évaluez l'engagement des utilisateurs après les mises à jour pour garantir des améliorations durables.

Capgo Mises à jour et Surveillance

Capgo __CAPGO_KEEP_1__ Interface de tableau de bord

Le système de Capgo live update a été testé sur 750 applications de production et fournit des bundles de 5MB en seulement 114ms. [1].

Les principales fonctionnalités incluent :

• Les fonctionnalités clés incluent :: Suivez les taux de réussite des mises à jour, qui atteignent actuellement 82% à l'échelle mondiale [1].
• Déploiement Instantané: Envoyez des correctifs critiques sans attendre l'approbation des magasins d'applications.
• Actualisations PartiellesTéléchargez uniquement les composants modifiés, économisez la bande passante et le temps.
• Contrôle de Version: Annulez rapidement les mises à jour qui impactent négativement les performances.

Ce système s'intègre facilement avec les outils de suivi existants, garantissant une opération fluide.

“We rolled out Capgo OTA updates in production for our user base of +5000. We’re seeing very smooth operation almost all our users are upto date within minutes of the OTA being deployed to @Capgo.” - colenso [1]

Combine outils avec Capgo

Capgo’s analytics enable staged rollouts, helping teams ensure stability before a full release.

Pour configurer efficacement le système de canal de Capgo :

• Déployez d'abord les mises à jour aux testeurs bêta.
• Utilisez les Capgo’s analytics pour surveiller les métriques de performance.
• Étendez progressivement le déploiement à la base d'utilisateurs plus large.

“Nous pratiquons le développement agile et @Capgo est essentiel à la livraison continue à nos utilisateurs !” - Rodrigo Mantica [1]

Avec 23,5 millions d'actualisations délivrées à l'échelle mondiale, Capgo’s tableau de bord en temps réel fournit des informations claires, permettant aux équipes de prendre des décisions éclairées sur les mises à jour et les améliorations de performance.

Étapes suivantes

Points clés

Surveiller les indicateurs clés est essentiel pour une surveillance de performance efficace. Utilisez des outils pour suivre ces indicateurs critiques :

Découvrez ces métriques et outils en plus grande profondeur grâce aux ressources listées ci-dessous.

En savoir plus

Les outils et les pratiques de surveillance de performances évoluent constamment. Restez à jour en explorant ces guides et stratégies.

Documentation officielle:

• Documentation de surveillance de performances Firebase
• Sentry’s guide d'intégration Capacitor
• Capacitor’s guides officiels d'optimisation de performance

Implémentation avancée: Explorez le système d'analytique de Capgo, utilisé avec succès dans plus de 750 applications de production [1]Leur documentation fournit des informations sur les modèles de suivi et les stratégies live update qui fonctionnent en harmonie avec d'autres outils de suivi de performances.

Continuez à partir de Configurer le suivi de performance dans Capacitor

Si vous utilisez Configurer le suivi de performance dans Capacitor pour planifier le travail de plugin natif, connectez-l’avec Capgo Répertoire des plugins pour le flux de travail du produit dans Capgo Répertoire des plugins Capacitor Plugins par Capgo Au niveau des détails d'implémentation dans les Capacitor Plugins par Capgo Ajouter ou Mettre à Jour les Plugins pour les détails d'implémentation dans l'ajout ou la mise à jour de plugins. Alternatives aux Plugins Entreprise Ionic pour le flux de travail du produit dans les alternatives Ionic Enterprise Plugin Capgo Bâtiments Natives pour le workflow du produit dans les builds natives Capgo