Wie man die Stabilitätsgarantie kleiner Programme aus der Perspektive eines Front-End-Programmierers betrachtet

Wenn wir über Geschäftsstabilität sprechen, beziehen wir uns normalerweise auf das, was Back-End-Ingenieure aus architektonischer Sicht betrachten, wie z. B. Strombegrenzung und -herabstufung, Verkehrsplanung, Geschäftsumschaltung, Kapazitätsdrucktests usw., aber auch Überwachung Die Stabilität des gesamten Unternehmens ist ein unverzichtbarer Bestandteil der Konstruktion, wie z. B. die Überwachung des Geschäfts und des Front-Ends, um sicherzustellen, dass bei auftretenden Problemen die Grundursache so schnell wie möglich gefunden werden kann. Heute werfen wir einen Blick darauf, wie Miniprogramme anhand des Szenarios von Miniprogrammen überwacht werden.

Der Unterschied zwischen Miniprogrammen und H5

Sowohl Miniprogramme als auch H5 sind technische Optionen in mobilen Szenarien, daher finden Sie hier eine Einführung in die Unterschiede zwischen Miniprogrammen und H5 .

1. Unterschiede in den Betriebsumgebungen

Die traditionelle H5-Betriebsumgebung ist ein Browser, einschließlich Webansicht, in dem der Browser Stücklistenobjekte wie Fenster und Dokumente bereitstellt 🎜 >

Die Logikschicht und die Rendering-Schicht des Applets sind getrennt. Die Logikschicht wird in JSCore ausgeführt und verfügt über kein vollständiges Browserobjekt, daher fehlen die zugehörige DOM-API und BOM-API.

2. Unterschiede in den Entwicklungskosten

Die H5-Entwicklung umfasst Entwicklungstools, Front-End-Frameworks, Modulverwaltungstools, Aufgabenverwaltungstools, Auswahl der UI-Bibliothek und Schnittstellenaufrufe Tools und Browserkompatibilität usw.;

Entwicklung von Miniprogrammen in bestimmten Umgebungen stellt Entwicklertools, APIs und standardisierte Entwicklungsstandards bereit. Da das Miniprogramm in einer bestimmten Umgebung ausgeführt wird und die API in einer bestimmten Umgebung bereitgestellt wird, besteht keine Notwendigkeit, die Browserkompatibilität zu berücksichtigen.

In der H5-Entwicklung hat HTML/CSS, das üblicherweise im Frontend verwendet wird, Dateistandards in verschiedenen Miniprogrammen spezifiziert. Zum Beispiel:

Verwenden Sie WXML/WXSS im WeChat-Miniprogramm.

Verwenden Sie AXML/ACSS im Alipay-Miniprogramm und in der DingTalk E-Anwendung /CSS;

......

Die Entwicklungsspezifikationen enthalten klare Verwendungshinweise in den angegebenen offiziellen Dokumenten. Die Verwendungsmethode ähnelt der ursprünglichen H5-Entwicklung. Beginnen Sie also mit der Entwicklung ist relativ einfach.

3. Unterschiede in der Benutzererfahrung

H5-Seiten müssen im Browser gerendert werden, und es kommt zu Verzögerungen, wenn komplexe Geschäftslogik oder umfangreiche Seiteninteraktionen auftreten

Abgesehen davon, dass das Miniprogramm bei der ersten Verwendung etwas langsam ist, sind Seitenwechsel und Sprünge sehr flüssig, nahe an Native.

Durch die oben genannten unterschiedlichen Einführungen zwischen Miniprogrammen und H5 können wir feststellen, dass die ursprüngliche Überwachung von H5-Seiten aufgrund der starken geschlossenen Natur von Miniprogrammen nicht direkt überwacht werden kann. Verschiedene Miniprogramme haben unterschiedliche Standards. Miniprogramme wie WeChat-Miniprogramme und DingTalk E-Anwendungen weisen auch einige Unterschiede in der Verwendung von Standard- und offenen APIs auf, sodass die Überwachung von Miniprogrammen unterschiedlich ist unterscheiden sich von der Überwachung von Webanwendungen.

Die aktuelle Situation der Miniprogrammüberwachung

Derzeit lässt sich die Miniprogrammüberwachung grob in folgende Kategorien einteilen:

1 Miniprogrammdaten, um Miniprogrammoperationen zu unterstützen

Verwandte Produkte: WeChat Miniprogrammassistent, Aladdin Miniprogramm-Statistikplattform usw.;

Funktionen: Die meisten von ihnen bieten entsprechende Funktionen zur statistischen Datenanalyse Die Analyse von Benutzerdaten im Zusammenhang mit Miniprogrammen aus mehreren Dimensionen eignet sich für den Betrieb von Miniprogrammen, es mangelt jedoch an der Überwachung der Benutzererfahrung und der Leistung von Miniprogrammen.

2. Überwachung von Miniprogrammfehlern

Verwandte Produkte: FunDebug usw.;

Funktionen: Überwachen Sie Benutzerfehler, die durch Miniprogramme verursacht werden, und helfen Sie Entwicklern, Miniprogrammfehler zu entdecken und zu beheben , aber es fehlt an einer Überwachung der globalen Leistung des Miniprogramms, und langsame Anfragen und langsame Seiten können nicht überwacht werden.

3. Mini-Programm-Leistungsüberwachung

Verwandte Produkte: FrontJS, Tingyun Mini-Programmüberwachung usw.;

Funktionen: Bietet hauptsächlich leistungsbezogene Daten, einschließlich JS-Fehler. Netzwerkanfragen, Antwortstatus usw. Es unterstützt jedoch nur WeChat-Miniprogramme und es gibt keine Möglichkeit, die Leistung von Miniprogrammen mit der Leistung von Hintergrundanwendungen zu korrelieren, sodass eine durchgängige Überwachung nicht möglich ist.

Durch die obige Analyse vorhandener Miniprogramm-Überwachungsprodukte gibt es die folgenden Probleme:

unterstützt nicht alle Miniprogrammüberwachungen und unterstützt hauptsächlich WeChat-Miniprogramme;

unterstützt Produkte die mehrere Arten von Miniprogrammen überwachen, liefern weniger Daten zu Miniprogrammen und konzentrieren sich hauptsächlich auf die Fehlerüberwachung.

Es gibt keine Leistungsüberwachung von Hintergrundanwendungsdiensten und Leistungsprobleme bei Miniprogrammen können nicht auf den Hintergrund zurückgeführt werden Anwendungscode und Datenbank können keine End-to-End-Überwachung bilden.

Basierend auf der oben genannten Situation startet die Front-End-Überwachung von Alibaba Cloud ARMS die Miniprogrammüberwachung mit dem Ziel, Miniprogrammprobleme schnell durchgängig zu lokalisieren und die Benutzererfahrung von Miniprogrammen zu verbessern.

Funktionen der Miniprogrammüberwachung

Alibaba Cloud ARMS Front-End-Überwachung Die dieses Mal gestartete Miniprogrammüberwachung weist die folgenden Merkmale auf:

1. Deckt alle Arten von Programmen ab die Standards und Spezifikationen entsprechen Miniprogramm

Erklären wir zunächst das hier erwähnte „Standard-Miniprogramm“, das zwei Ebenen umfasst: App und Seite:

App wird zur Beschreibung des verwendet Gesamtprogramm, einschließlich: onError-Ereignis;

Seite wird verwendet, um jede Seite zu beschreiben, einschließlich: onShow-, onHide- und onUnload-Ereignisse.

Die Laufumgebung von Miniprogrammen hängt vom jeweiligen Client ab. Die DSL-Designs verschiedener Miniprogramme sehen ähnlich aus, es gibt jedoch dennoch viele Unterschiede im Detail und es gibt einen Trend zur Differenzierung. In diesem Fall bietet die Front-End-Überwachung von Alibaba Cloud ARMS die folgenden Überwachungsszenarien für Miniprogramme, um die Überwachungsanforderungen von Miniprogrammen besser zu unterstützen:

微信小程序
支付宝小程序
钉钉 E 应用
其他类别小程序

Aufgrund der schnellen Entwicklung von Miniprogrammen ist dies jetzt der Fall unmöglich, auf verschiedene Miniprogramme abzuzielen Alle bieten entsprechende Überwachungs-SDKs, sodass Miniprogramme, die nicht zu WeChat-Miniprogrammen, Alipay-Miniprogrammen und DingTalk E-Anwendungen gehören, zur Überwachung auf die Szenarien anderer Kategorien von Miniprogrammen zugreifen können, dies muss jedoch der Fall sein erfüllen die oben genannten „Standardspezifikationen von Miniprogrammen“ Voraussetzung, npm-Pakete werden ebenfalls unterstützt.

2. Vollständige Leistungsüberwachungsindikatoren

Grundlegende Geschäftsindikatoren zum Verständnis der Nutzung von Miniprogrammanwendungen:

Gesamtanwendung PV/UV

Seite Dimensional PV/UV

Indikatoren für jede Dimension des Miniprogramms:

Mobiltelefonmodell

Betriebssystemversion

WeChat/Alipay und andere entsprechende APP-Versionen

Netzwerk usw.

JS-Fehleranalyse:

JS-Fehlerrate, Fehlerclusterung, JS-Fehlerstapel und Fehlerort usw.

API-Anfrage Tracking:

API-Anfrage-Erfolgsrate, API-Anfragezeit und Link-Tracking von API-Anfragen

Benutzerdefinierte Ereignisstatistiken

Unterstützt benutzerdefinierte Ereignissummen-/Durchschnittsstatistiken für Unternehmen

3. Die Berichtsmethode kann über die Konfiguration ausgewählt werden

Aufgrund der unterschiedlichen Anforderungen der Geschäftsparteien an die Überwachung unterstützen wir nicht nur elegante stille Datenberichte, sondern unterstützen auch individuelle Berichte mithilfe offener Statistikfunktionen. Einzelheiten finden Sie in den relevanten Dokumenten des Miniprogrammszenarios in der Front-End-Überwachungszugriffsübersicht auf der offiziellen Website:

https://help.aliyun.com/document_detail/106086.html

Zusammenfassung

Miniprogramme sind eine Richtung, die von großen Internetunternehmen stark unterstützt wird. In Zukunft wird die Anzahl der Miniprogrammanwendungen zunehmen und der Fokus auf Benutzererfahrung und Verbesserungsanforderungen liegen wird auch weiter zunehmen. Die durch die ARMS-Front-End-Überwachung bereitgestellte Miniprogrammüberwachung kann Kunden dabei helfen, Qualitätsprobleme in Echtzeit zu überwachen und zu erkennen, und bietet so eine solide Garantie für den stabilen Betrieb der Miniprogramme des Unternehmens.

Das obige ist der detaillierte Inhalt vonWie man die Stabilitätsgarantie kleiner Programme aus der Perspektive eines Front-End-Programmierers betrachtet. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!