Comment examiner la garantie de stabilité des petits programmes du point de vue d'un programmeur frontal

Lorsque nous parlons de stabilité d'entreprise, nous faisons généralement référence à ce que les ingénieurs back-end examinent d'un point de vue architectural, comme la limitation et le déclassement de courant, la planification du trafic, la commutation d'activité, les tests de pression de capacité, etc., mais la surveillance est également la stabilité de l'ensemble de l'entreprise Une partie indispensable de la construction, comme le suivi de l'activité et du front-end, pour garantir que lorsque des problèmes surviennent, la cause profonde peut être trouvée le plus rapidement possible. Aujourd'hui, nous allons voir comment surveiller les mini-programmes en fonction du scénario des mini-programmes.

La différence entre les mini programmes et H5

Les mini programmes et H5 sont des options techniques dans les scénarios mobiles, voici donc une introduction aux différences entre les mini programmes et H5 .

1. Différences dans les environnements d'exploitation

L'environnement d'exploitation H5 traditionnel est un navigateur, y compris une vue Web, dans lequel le navigateur fournit des objets de nomenclature tels que une fenêtre et un document ; 🎜>

La couche logique et la couche de rendu de l'applet sont séparées. La couche logique s'exécute dans JSCore et n'a pas d'objet de navigateur complet, il lui manque donc l'API DOM et l'API BOM associées.

2. Différences dans les coûts de développement

Le développement H5 implique des outils de développement, des frameworks front-end, des outils de gestion de modules, des outils de gestion de tâches, la sélection de bibliothèques d'interface utilisateur et des appels d'interfaces. compatibilité des outils et des navigateurs, etc. ;

Développement de mini-programmes dans des environnements désignés fourniront des outils de développement, des API et des normes de développement standardisées. Étant donné que le mini-programme s'exécute dans un environnement spécifié et que l'API est fournie dans un environnement spécifié, il n'est pas nécessaire de prendre en compte la compatibilité du navigateur.

Dans le développement H5, HTML/CSS couramment utilisé sur le front-end a spécifié des normes de fichiers dans différents mini-programmes. Par exemple :

Utilisez WXML/WXSS dans le mini-programme WeChat ;

Utilisez AXML/ACSS dans le mini-programme Alipay et l'application DingTalk E

Utilisez le mini-programme intelligent Baidu Utilisez SWAN ; /CSS;

...

Les spécifications de développement auront des introductions d'utilisation claires dans les documents officiels désignés. La méthode d'utilisation est similaire au développement H5 original, donc commencer le développement est relativement simple. .

3. Les différences dans l'expérience utilisateur

Les pages H5 doivent être affichées dans le navigateur, et il y aura des décalages lorsqu'une logique métier complexe ou des interactions de pages riches se produisent ; 🎜>

Sauf que le mini programme est un peu lent lors de la première utilisation, les changements de page et les sauts sont très fluides, proches du Native.

Grâce aux différentes introductions mentionnées ci-dessus entre les mini-programmes et H5, nous pouvons constater que la surveillance originale des pages H5 ne peut pas surveiller directement les mini-programmes en même temps, en raison de la forte nature fermée des mini-programmes, différents mini-programmes ont des normes différentes. Il existe également de légères différences. Les mini-programmes tels que les mini-programmes WeChat, les mini-programmes Alipay et les applications DingTalk E auront également quelques différences dans l'utilisation des API standard et ouvertes, de sorte que la surveillance des mini-programmes sera différente. diffèrent de la surveillance des applications Web différentes.

La situation actuelle du suivi des mini-programmes

Actuellement, le suivi des mini-programmes peut être grossièrement divisé dans les catégories suivantes :

1. données du mini programme, pour aider les opérations du mini programme

Produits associés : mini assistant de programme WeChat, plateforme de statistiques du mini programme Aladdin, etc. ;

Caractéristiques : la plupart d'entre eux fournissent des capacités d'analyse statistique de données correspondantes pour L'analyse des données utilisateur liées aux mini-programmes sous plusieurs dimensions convient aux opérations des mini-programmes, mais elle manque de surveillance de l'expérience utilisateur et des performances des mini-programmes.

2. Surveillance des erreurs des mini-programmes

Produits associés : FunDebug, etc. ;

Caractéristiques : Surveiller les erreurs des utilisateurs causées par les mini-programmes, aidant les développeurs à découvrir et à résoudre les erreurs des mini-programmes. , mais il y a un manque de surveillance des performances globales du mini-programme, et les requêtes lentes et les pages lentes ne peuvent pas être surveillées.

3. Surveillance des performances du mini programme

Produits associés : FrontJS, surveillance du mini programme Tingyun, etc.

Caractéristiques : fournit principalement des données liées aux performances, y compris les erreurs JS, requêtes réseau Réponse, etc. Cependant, il ne prend en charge que les mini-programmes WeChat, et il n'existe aucun moyen de corréler les performances des mini-programmes avec les performances des applications en arrière-plan, ce qui rend impossible la mise en place d'une surveillance de bout en bout.

Grâce à l'analyse ci-dessus des produits de surveillance de mini-programmes existants, il existe les problèmes suivants :

ne peut pas prendre en charge toutes les surveillances de mini-programmes et prend principalement en charge les mini-programmes WeChat ;

prend en charge les produits ; qui surveillent plusieurs types de mini-programmes fournissent moins de données liées aux mini-programmes, se concentrant principalement sur la surveillance des erreurs

Il n'y a pas de surveillance des performances des services d'application en arrière-plan, et les problèmes de performances sur les mini-programmes ne peuvent pas être retracés en arrière-plan ; le code d'application et la base de données ne peuvent pas former une surveillance de bout en bout.

Sur la base de la situation ci-dessus, la surveillance frontale Alibaba Cloud ARMS lance la surveillance des mini-programmes, dans le but d'aider à localiser rapidement les problèmes des mini-programmes de bout en bout et d'améliorer l'expérience utilisateur des mini-programmes.

Capacités fournies par la surveillance des mini-programmes

Surveillance frontale Alibaba Cloud ARMS La surveillance des mini-programmes lancée cette fois présente les caractéristiques suivantes :

Couvre tous les types de programmes. conformes aux normes et spécifications Mini Programme

Tout d'abord, expliquons le « mini programme standard » mentionné ici, qui comprend deux couches : App et Page :

App est utilisé pour décrire le programme global, comprenant : l'événement onError ;

Page est utilisé pour décrire chaque page, y compris : les événements onShow, onHide, onUnload.

L'environnement d'exécution des mini-programmes dépend du client correspondant. Les conceptions DSL des différents mini-programmes se ressemblent, mais il existe encore de nombreuses différences dans les détails et une tendance à la différenciation. Dans ce cas, afin de mieux prendre en charge les exigences de surveillance des mini-programmes, la surveillance frontale d'Alibaba Cloud ARMS fournit les scénarios de surveillance de mini-programmes suivants :

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

En raison du développement rapide des mini-programmes, il est désormais impossible de cibler différents mini-programmes Tous fournissent des SDK de surveillance correspondants, de sorte que les mini-programmes qui n'appartiennent pas aux mini-programmes WeChat, aux mini-programmes Alipay et aux applications DingTalk E peuvent choisir d'accéder aux scénarios d'autres catégories de mini-programmes pour la surveillance, mais ils doivent répondre aux "spécifications standard des mini-programmes mentionnées ci-dessus" Prérequis, il prend également en charge les packages npm.

2. Indicateurs complets de suivi des performances

Indicateurs commerciaux de base pour aider à comprendre l'utilisation des applications du mini programme :

Application totale PV/UV

page Dimensionnelle PV/UV

Indicateurs de chaque dimension du mini programme :

Modèle de téléphone portable

Version du système d'exploitation

WeChat/Alipay et autres versions d'application correspondantes

Réseau, etc.

Analyse des erreurs JS :

Taux d'erreur JS, clustering d'erreurs, pile d'erreurs JS et emplacement des erreurs, etc.

Demande API suivi :

Taux de réussite des demandes d'API, temps de demande d'API et suivi des liens des demandes d'API

Statistiques d'événements personnalisés

Prise en charge des statistiques de somme/moyenne d'événements personnalisés d'entreprise

3. La méthode de reporting peut être sélectionnée via la configuration

En raison des différentes demandes de surveillance des parties commerciales, nous prenons non seulement en charge des rapports de données silencieux et élégants, mais prenons également en charge des rapports personnalisés à l'aide de capacités statistiques ouvertes. Pour plus de détails, veuillez consulter les documents pertinents du scénario du mini-programme dans l'aperçu de l'accès à la surveillance frontale du site officiel :

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

Résumé

Les mini-programmes sont une direction fortement soutenue par les grandes sociétés Internet. À l'avenir, le nombre d'applications de mini-programmes augmentera et l'accent sera mis sur l'expérience utilisateur et les demandes d'amélioration. continuera également à augmenter.Alibaba Cloud La surveillance des mini-programmes fournie par la surveillance frontale ARMS peut aider les clients à surveiller et à découvrir les problèmes de qualité en temps réel, offrant une solide garantie pour le fonctionnement stable des mini-programmes de l'entreprise.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!