6,6 Milliarden bzw. etwa 83 % der Gesamtbevölkerung unseres Planeten verfügen laut Ericsson Mobility Report im Jahr 2022 über ein Smartphone – ein signifikanter Anstieg gegenüber 3,7 Milliarden im Jahr 2016. Auch in den Prozessen der Geschäftswelt haben Smartphones freilich für äußerst prägnante Entwicklungen gesorgt, haben geradezu revolutioniert, wie Unternehmen werben, kommunizieren und vor allem, wie sie mit ihren Märkten über mobile Anwendungen interagieren: Nach Präferenz und Willen der Kund:innen geschieht dies nämlich vor allem über mobile App-Experiences statt browserbasierter Inhalte. Die konsistente Portierung einer App ist dabei jedoch nicht immer das leichteste Unterfangen.
Diese Herausforderung adressiert das Open-Source-Framework React Native, mit dem sich mobile Anwendungen über eine zentrale Codebase für mehrere Plattformen entwickeln lassen, dies zudem unter Einsatz weniger Ressourcen und zu geringeren Kosten. Open-Source-Frameworks sind dabei im Kontext von moderner Anwendungsentwicklung sogar mehr und mehr zur Norm geworden. Kein Wunder, ermöglichen sie doch die Ausgestaltung nahtloser, plattformübergreifender UX-Erlebnisse. Nichtsdestotrotz bleibt für sie konsequentes Monitoring in der Produktion unabdingbar. Genau dieses Monitoring ermöglicht die New Relic Observability-Plattform für auf React Native basierende Anwendungen mit End-to-End-Transparenz.
So ist mit ihr speziell Folgendes möglich:
- Tracking von User-Traffic und Netzwerk-Latenz von React Native-instrumentierten Anwendungen
- Erfassung und Tracing von JavaScript-Fehlern
Im weiteren Verlauf dieses Artikels gehen wir nun detaillierter auf diese Möglichkeiten ein.
Tracking von User-Traffic und Netzwerk-Latenz
Unser mobiler Agent erfasst nun nahtlos und chronologisch Interaktionen aus React Native-instrumentierten Anwendungen und gibt dann Performance-Daten an New Relic zum Tracking von Benutzer-Sessions weiter.
So analysieren Sie Ihren Traffic aus mobilen Anwendungen komplett zentral, können sogar einsehen, über welche iOS- bzw. Android-Geräte Ihre Benutzer:innen auf Ihre mobile App zugegriffen haben. Diese Features und Kompatibilität mit React Native-instrumentierten Anwendungen vermitteln ganz entscheidende Details zu Ihrer User Base, was gerade in Mobile-First-Regionen wie Asien oder Lateinamerika enorm wertvoll ist.
Über New Relic erfasst werden dabei auch Netzwerk-Daten, so etwa auch HTTP-Fehler und Latenz. Dies vermittelt weiterführende Insights zu regionalen Unterschieden in der Kundeninteraktion.
Erfassung und Tracing von JavaScript-Fehlern
Bei mobilen Anwendungen sind die erfassten Fehler häufig codebase-nativ. Dadurch sind sie für Developer, die nicht auf die Entwicklung mobiler UX spezialisiert sind, oft nur schwer zu verifizieren. Bei React Native kommt für mobile Anwendungen das in Entwickler-Kreisen generell geläufigere JavaScript zum Einsatz, das New Relic erfassen und so helfen kann, diese Probleme allgemeiner verständlich zu machen.
Durch Speicherung von Konsolenlogs, Warnmeldungen und Fehlern in New Relic werden retroaktive Incident-Reports möglich. Weiter können mithilfe von Distributed Tracing für React Native die Backend-Ursachen von Frontend-Problemen eruiert werden.
Mit dieser Erweiterung unseres Toolsets für Mobile Monitoring gehen wir bei unserem Commitment für Performance-Observability nun noch einen Schritt weiter, vereinfachen so das SDLC für Frontend-Entwickler:innen.
Weitere Details zu den Observability-Möglichkeiten für React Native über die New Relic Plattform lesen Sie in unserer Dokumentation.
Monitoring-Features für Ihren gesamten Mobile Stack
Zusätzliche Observability-Möglichkeiten sind zudem auch für Flutter in Planung, doch schon jetzt adressieren Sie mit unserer Plattform ein enorm breites Spektrum für Mobile Monitoring – ob Front- oder Backend.
Absturzberichte
Neben Absturz-Ursachen im Kontext von React Native ermöglicht New Relic Tracking sowohl für native iOS- als auch für Android-Crashes. Über KI- und ML-gestützte Analysen erhalten Sie Einblicke in Absturz-Anomalien mit umfassenden Details nach Betriebssystem und Gerät.
Mehr zu den Absturzberichten für mobile Anwendungen erfahren Sie in diesem Artikel unserer Dokumentation.
Event Trails
Über unsere Event Trails können Sie genau einsehen, welche Aktionen Ihre Endbenutzer:innen in welchem UI-Screen durchgeführt haben.
Durch Auswahl eines User-Events rufen Sie eine detaillierte Stack-Trace zu den Anfragen auf. Über diese werden die involvierten Anfragen aufgeschlüsselt, ebenso wie die für den Fehler ursächlichen Services, die Fehleridentifikation so erheblich verkürzt. Für alle von einem Problem betroffenen Benutzer:innen bildet der Tab „Event Attributes“ zudem Details zum jeweils verwendeten Gerät und Betriebssystem sowie der Region ab.
Weitere Details zu Event Trails lesen Sie hier in unserer Dokumentation.
Distributed Tracing
Neue Möglichkeiten zu HTTP-Anfragen erschließen sich über den Tab Distributed Tracing. Neben Trends zu HTTP-Anfragen für Ihre React Native-instrumentierten Anwendungen wird hier auch ersichtlich, warum einzelne HTTP-Anfragen nicht ausgeführt wurden.
Zu jeder Anfrage werden etwa auch die mit ihr in Verbindung stehenden Entitäten und ihre Interaktion angezeigt. So erhalten Sie komplette Visibility für alle vor- und nachgelagerten Auswirkungen eines HTTP-Fehlers – von Echtzeit-Einblicken zur Performance Ihrer Services und der Bedeutung für Ihre Anwendung bis hin zu Details zu allen Spans im Verlauf. Informationsdivergenzen und Kommunikationsprobleme bei der Bestimmung einer Fehlerursache werden so eliminiert. Ihre Engineering-Teams können sich nun darauf konzentrieren, wo und wann es zu einem Absturz gekommen ist, und die Lösung des Problems direkt angehen.
Distributed Tracing für mobile Anwendungen – mehr zu den Möglichkeiten mit New Relic lesen Sie hier.
Benutzerinteraktionen
Auch Ihre Benutzerinteraktionen lassen sich nach Aufrufen und der in einem bestimmen Anwendungsbereich verbrachten Zeit mit New Relic tracken. Über Custom-Dashboards können Sie sie dann weitergehend analysieren und zusätzliche Detaileinblicke in Ihre Umgebung gewinnen, dies mit einer Genauigkeit bis auf den Millisekunden-Timestamp für Ihre Seitenbesuche. Gerade auf Exec-Ebene liefern diese Dashboards kompakte Klarheit zur Anwendungs-Performance.
Mobile Monitoring für React Native: Chancen und Potenziale
New Relic bietet Ihnen umfassende Möglichkeiten. So können Sie über die Plattform etwa Ihre React Native-instrumentierten iOS- und Android-Anwendungen für Front- wie Backend tracken. Auch Alerts für Absturz- oder Fehlerraten über einem bestimmten Threshold lassen sich festlegen.
Mit unseren Technologien unterstützen wir dezidiert Engineering-Teams und Frameworks zur Entwicklung für moderne mobile Umgebungen und UX-Erlebnisse. Bereits unsere bestehenden Feature Sets machen Deployment und Monitoring plattformübergreifender Anwendungen einfacher als je zuvor, weitere werden folgen.
Nächste Schritte
Mobile Monitoring für React Native: Ihr Einstieg
Starten Sie mit New Relic – direkt heute, wenn Sie möchten!
In unserem On-Demand-Webinar erfahren Sie, wie Sie New Relic für Ihre React Native-Anwendungen einrichten. New Relic Principal Solutions Consultant Michael Osowski geht dabei auf mehrere Kern-Features für Ihr SDLC ein.
Auch in unserer Dokumentation für Mobile Monitoring erfahren Sie natürlich mehr, ebenso wie in unserem Artikel speziell zu React Native.
Die in diesem Blog geäußerten Ansichten sind die des Autors und spiegeln nicht unbedingt die Ansichten von New Relic wider. Alle vom Autor angebotenen Lösungen sind umgebungsspezifisch und nicht Teil der kommerziellen Lösungen oder des Supports von New Relic. Bitte besuchen Sie uns exklusiv im Explorers Hub (discuss.newrelic.com) für Fragen und Unterstützung zu diesem Blogbeitrag. Dieser Blog kann Links zu Inhalten auf Websites Dritter enthalten. Durch die Bereitstellung solcher Links übernimmt, garantiert, genehmigt oder billigt New Relic die auf diesen Websites verfügbaren Informationen, Ansichten oder Produkte nicht.