Maison  >  Article  >  interface Web  >  Le mini-programme WeChat est-il HTML5 ?

Le mini-programme WeChat est-il HTML5 ?

青灯夜游
青灯夜游original
2021-09-13 15:39:027803parcourir

Le programme WeChat Mini n'est pas HTML5, il est basé sur le modèle de développement indépendant de WeChat, ce qui peut réduire les coûts et les cycles de développement des utilisateurs. Les différences entre les mini-programmes WeChat et HTML5 : 1. Différences dans l'environnement d'exploitation ; 2. Différences dans les coûts de développement ; 3. Différences dans l'obtention des autorisations au niveau du système ; 4. Différences dans la fluidité d'exécution des applications dans les environnements de production ;

Le mini-programme WeChat est-il HTML5 ?

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.

HTML signifie Hyper Text Markup Language en anglais. HTML5 est une technologie, le shell auquel il est attaché est un navigateur et un mini programme est une application basée sur WeChat qui ne nécessite ni téléchargement ni installation.

Du point de vue du « développement front-end », il existe de nombreuses différences entre l'applet WeChat et HTML5. En résumé, il y a les quatre différences suivantes !

Premièrement, la différence dans l'environnement d'exécution

L'environnement d'exécution traditionnel de HTML5 est un navigateur, y compris une vue Web, tandis que l'environnement d'exécution de l'applet WeChat n'est pas un navigateur complet. Veuillez noter que ce que j'écris ici est un "navigateur non complet" pour les raisons suivantes :

Les technologies liées au HTML5 (pas toutes) seront utilisées dans le processus de développement de petits programmes.

La version finale du mini-programme nécessite une révision de WeChat. WeChat peut mettre à jour le mini-programme dans son propre logiciel sans mettre à jour son propre logiciel, ce qui nous rappelle le framework ReactNative. Et certains développeurs ont découvert que les bibliothèques React et NodeWebkit sont utilisées dans le code source des outils de développement d'applets WeChat.

Le document officiel souligne que l'objet window et l'objet document couramment utilisés dans les navigateurs ne peuvent pas être utilisés dans des scripts (sur cette base, les bibliothèques qui exploitent le DOM comme zepto/jQuery ont été complètement abandonnées).

Je pense donc que l'environnement d'exécution du mini-programme est très probablement un analyseur intégré entièrement reconstruit par l'équipe de développement de WeChat sur la base du noyau du navigateur. Il est spécialement optimisé pour le mini-programme et coopère avec son propre défini. normes de langage de développement pour améliorer les performances du mini-programme.

Cependant, étant donné que WeChat fournit aux développeurs des outils de développement et que les outils de développement intègrent également une programmation, un débogage, un environnement de développement et une publication, nous n'avons plus besoin de discuter de son environnement d'exploitation final. Nous devons simplement développer en conséquence. aux documents officiels. Et la décision de l'équipe WeChat de fournir aux développeurs des outils de développement me rappelle les outils de développement X-CODE fournis par Apple aux développeurs. On peut imaginer que « l'ambition » de WeChat est évidente

Article 2 : Différences de coûts de développement

. Ici, je soulève une question : lorsque nous sommes confrontés à une exigence de développement Web HTML5, que devons-nous prendre en compte ?

Laissez de côté les outils de développement (vscode, sublimtext, Atom, etc.), les frameworks front-end (Angular, React, vue, backbone, etc.), les outils de gestion de modules (Webpack, Browserify, etc.), les outils de gestion de tâches ( Grunt, Gulp, etc.) ), aussi petits que la sélection de la bibliothèque d'interface utilisateur, les outils d'appel d'interface (ajax, Fetch Api, etc.), la compatibilité des navigateurs, etc., il faut les considérer un par un même si ce n'est pas facile. pour utiliser le plug-in jqery pour écrire H5, nous devons également trouver le bon plug-in jquery pendant le processus de développement pour correspondre au projet.

Bien que ces outils soient très personnalisables et améliorent l'efficacité de développement des développeurs. Cependant, l'éditeur estime que le travail de configuration du développement du projet a consommé beaucoup d'énergie, même si la plupart des développeurs disposent de leurs propres modèles de configuration. Le coût à long terme des itérations de version et des mises à niveau de version de diverses bibliothèques externes utilisées dans le projet ne devrait pas être faible.

Et lorsque nous sommes confrontés aux besoins de développement d'une applet WeChat, que devons-nous prendre en compte ? L'équipe WeChat a fourni des outils de développement et des normes de développement standardisées.Le HTML et CSS communs sur le front-end sont devenus les WXML et WXSS personnalisés de WeChat. Bien que WXML soit constitué de balises personnalisées, il existe des introductions d'utilisation claires dans les documents officiels. devrait être très facile à démarrer ; les méthodes d'écriture dans les fichiers WXSS, JSON et js sont légèrement restreintes, mais dans l'ensemble, elles sont similaires. Après avoir unifié ces normes, en tant que développeur, vous constaterez qu'il vous suffit de vous concentrer sur l'écriture de programmes :

  • Lorsque vous avez besoin d'appeler l'interface back-end, appelez l'API de requête ; télécharger et télécharger Lorsque la mise en cache des données est nécessaire, l'API de téléchargement et de téléchargement est appelée ;

  • Lorsque la mise en cache des données est nécessaire, l'API de stockage local est appelée 

  • Présentation des cartes, utilisation de la boussole, appel du paiement, appel du QR ; l'analyse de code et d'autres fonctions peuvent être utilisées directement ;

  • En termes de bibliothèques d'interface utilisateur, le framework est naturellement accompagné de l'ajout de sa propre bibliothèque weui

  • Et lorsque vous utilisez ces API, vous n'avez plus à vous soucier ; compatibilité du navigateur, et vous n'avez pas à vous soucier des bugs imprévisibles et merveilleux dans l'environnement de production. Vous pouvez voir que WeChat est petit. Le coût de développement du programme est en effet bien inférieur à celui du développement Web précédent.

Article 3. La différence dans l'obtention d'autorisations au niveau du système

Par rapport aux applications Web HTML5, l'applet WeChat peut obtenir plus d'autorisations système, telles que l'état de la communication réseau, les capacités de mise en cache des données, etc. combinés avec les programmes WeChat Mini sont connectés de manière transparente, ce qui est officiellement prétendu avoir les performances fluides des applications natives. Il s'agit d'un domaine dans lequel les applications Web HTML5 sont souvent critiquées. C'est également la raison pour laquelle la plupart des scénarios d'application HTML5 sont positionnés. avec une logique métier simple et des fonctions uniques.

Article 4 : La fluidité d'exécution des applications dans les environnements de production est différente.

La chose la plus simple à distinguer entre les mini-programmes et H5 est que l'ouverture de H5 ouvre en fait une page Web et que la page Web doit être affichée dans le navigateur. La page se fige lorsqu'elle est confrontée à une logique métier complexe ou à des interactions de page riches.

L'applet WeChat s'exécute directement sur WeChat, éliminant l'étape de rendu via le navigateur. Par conséquent, l'utilisation de l'applet dans WeChat est beaucoup plus fluide que H5. À l'exception des quelques secondes de temps de chargement nécessaires pour l'ouvrir pour la première fois, l'expérience de commutation et de saut de chaque page du mini programme est comparable à celle de l'application native et est très fluide.

Les mini-programmes ne peuvent pas accéder à des liens externes et H5 n'a aucune restriction.

En résumé, par rapport au H5, les mini-programmes présentent les avantages de coûts de développement inférieurs, de fonctions plus riches et d'une meilleure expérience utilisateur. (Inconvénients : WeChat a imposé de nombreuses restrictions et beaucoup de choses ne peuvent pas être personnalisées)

Ce qui précède est mon résumé des différences entre les mini-programmes WeChat et HTML5. WeChat compte actuellement 900 millions d'utilisateurs actifs mensuels. Surtout après le lancement de son compte public, le nombre d'utilisateurs actifs mensuels de WeChat a également augmenté de manière significative, ce qui offre un accès très pratique aux mini-programmes WeChat. En prenant 900 millions comme chiffre de base, il a jeté les bases des mini-programmes WeChat.

Le programme WeChat Mini n'est pas HTML5, il est basé sur le modèle de développement indépendant de WeChat, ce qui peut réduire les coûts et les cycles de développement des utilisateurs.

Pour plus de connaissances sur la programmation, veuillez visiter : Vidéos de programmation ! !

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn