Support multiplateforme avec React Native et le monitoring des applications mobiles

En 2022, on recense plus de 6,6 milliards d'utilisateurs de smartphones dans le monde, soit à peu près l'équivalent de 83,4 % de la population mondiale — ce chiffre était de 3,7 milliards en 2016, selon Ericsson Mobility Report. Les smartphones ont révolutionnés la manière dont les entreprises font de la publicité, communiquent, et surtout, interagissent avec leurs clients par l'intermédiaire des applications mobiles. Les consommateurs, quant à eux, préfèrent utiliser les applications sur les appareils iOS ou Android. Toutefois, il n'est pas toujours simple de répliquer une application mobile.

Avec le framework open source de React Native, les développeurs peuvent créer des applications mobiles sur plusieurs plateformes grâce à une base de code unique. L'utilisation de React Native requiert moins de ressources et permet de faire des économies. Le développement d'applications modernes avec des frameworks open source est devenu progressivement la norme et s'il uniformise le processus de développement pour les ingénieurs, les applications en production doivent toujours être monitorées. Vous pouvez désormais utiliser New Relic pour le monitoring des applications développées avec React Native.

Avec cette prise en charge disponible depuis le 19 juillet 2022, vous pouvez :

• Suivre le trafic utilisateur et la latence réseau de vos applications instrumentées avec React Native
• Capturer et tracer les erreurs JavaScript

Les sections suivantes expliquent dans le détail chacune de ces améliorations.

Suivez le trafic utilisateur et la latence réseau

Notre agent mobile peut désormais facilement capturer les interactions des applications instrumentées avec React Native dans la séquence où elles ont été créées, puis transférer les données de performance vers New Relic pour faire le suivi des sessions de l'utilisateur.

Vous pouvez afficher facilement votre trafic mobile en un seul et même endroit et savoir aussi quels utilisateurs utilisaient un smartphone ou une tablette iOS ou Android. Ces fonctionnalités et cette compatibilité avec les applications instrumentées avec React Native sont essentielles pour les équipes qui ont du mal à comprendre leur base d'utilisateurs, surtout dans les pays d'Asie et d'Amérique latine où les téléphones portables sont utilisés avant tout. 

New Relic suit également les données réseau, y compris les informations sur les erreurs et la latence HTTP, qui peuvent également fournir les détails sur les différences régionales de l'engagement des clients.

Capturez et tracez les erreurs

Avec de nombreuses applications mobiles, les erreurs enregistrées sont souvent natives à la base de code et elles peuvent être difficiles à déchiffrer pour les développeurs non spécialisés dans la technologie mobile. Étant donné que React Native utilise JavaScript pour créer les applications mobiles, New Relic peut désormais capturer les erreurs JavaScript qui sont plus globalement comprises par la plupart des ingénieurs. 

Les enregistrements des logs, avertissements et erreurs des consoles sont tous conservés dans New Relic afin que vous puissiez créer des rapports d'incident rétroactivement. En outre, le tracing distribué pour React Native aide à examiner dans le backend la cause d'un problème au niveau du frontend. 

Enfin, cet avantage supplémentaire au monitoring des applications mobiles fait partie de notre mission d'amélioration de l'observabilité des performances et d'uniformisation du cycle de vie du développement pour les ingénieurs du frontend.

En savoir plus sur la prise en charge de React Native par New Relic

Plus de fonctionnalités pour le monitoring de vos applications mobiles

Au-delà de notre récente prise en charge de React Native et de celle à venir de Flutter, notre puissante plateforme a été conçue pour satisfaire tous vos besoins en termes de monitoring des applications mobiles, du frontend jusqu'au backend.

Analyses des plantages

Notre solution de monitoring des applications mobiles fait le suivi, en un seul et même endroit, des plantages iOS et Android natifs ainsi que de ceux qui sont dus à React. L'analyse intelligente des plantages utilise l'apprentissage machine (ML) pour fournir des informations détaillées sur ceux qui sont anormaux, et donne ainsi à l'utilisateur un profil complet des données de plantage par système d'exploitation et type d'appareil.

En savoir plus sur nos rapports sur les plantages des applications mobiles.

Suivi des événements

Notre suivi des événements indique exactement les actions prises par les utilisateurs sur chaque écran des applications mobiles qui ont mené à l'erreur (avec horodatage granulaire). 

Sélectionnez un événement utilisateur pour voir la trace d’appels détaillée des requêtes interrogées et des services qui ont déclenché l'erreur. Cette fonctionnalité réduit drastiquement le temps moyen de détection des erreurs pour les utilisateurs internes. L'onglet Event Attributes sur la droite affiche l'appareil, les informations sur le système d'exploitation, la région, etc. pour chaque utilisateur qui a rencontré un problème.

Pour en savoir plus, consultez notre documentation sur le suivi des événements de plantage des applications mobiles.

Tracing distribué

Notre onglet distributed tracing porte les requêtes HTTP à un niveau supérieur. Outre l'affichage de la tendance des réponses HTTP pour les applications instrumentées avec React Native, vous pouvez également voir les traces qui détaillent pourquoi les requêtes HTTP n'étaient pas performantes. 

Par exemple, pour chaque requête, vous pouvez voir le nombre d'entités à laquelle elle s'est connectée et comment elles interagissent les unes avec les autres. Vous avez essentiellement une visibilité complète des effets en amont et en aval d'une erreur HTTP. Vous pouvez voir en temps réel les performances de vos services et leurs effets sur vos applications, ainsi que les détails sur tous les spans en cours. Tout cela aide énormément les entreprises à déterminer la cause d'un problème et à éliminer les critiques et les tensions en interne. Les ingénieurs peuvent désormais savoir exactement où et quand le plantage s'est produit et se concentrer plutôt sur la résolution du problème.

En savoir plus sur le tracing distribué pour les applications mobiles.

Interactions utilisateur

New Relic fait également le suivi des interactions des principaux utilisateurs en fonction du nombre de vues ou du temps passé sur une section particulière de l'application. Vous pouvez analyser en détail les interactions utilisateur dans un dashboard New Relic personnalisé, où vous pouvez voir exactement ce qui se passe dans l'environnement — avec l'horodatage jusqu'à la milliseconde des visites sur votre page. Ces dashboards sont indispensables pour les cadres de l'organisation qui peuvent ainsi voir les performances des applications en un coup d'œil.

La puissance du monitoring des applications mobiles pour React Native

La plateforme New Relic est extrêmement puissante. Vous pouvez suivre les applications iOS et Android instrumentées avec React Native du frontend au backend, et même définir des alertes pour recevoir des notifications lorsque les taux de plantage ou d'erreur dépassent un certain seuil. 

Nous appuyons le développement moderne des applications mobiles et nous voulons mettre à votre disposition les excellents outils qui vous permettront de soutenir le rythme très rapide de l'environnement actuel. Grâce à ces ajouts dans la boîte à outils de New Relic, le déploiement et le monitoring des applications sur plusieurs plateformes n'ont jamais été aussi simples.