Heim > Artikel > Web-Frontend > Ist das WeChat-Miniprogramm HTML5?
Das WeChat Mini-Programm ist kein HTML5, sondern basiert auf dem unabhängigen Entwicklungsmodell von WeChat, wodurch Entwicklungskosten und Entwicklungszyklen eingespart werden können. Die Unterschiede zwischen WeChat-Miniprogrammen und HTML5: 1. Unterschiede in der Betriebsumgebung; 2. Unterschiede in den Entwicklungskosten; 3. Unterschiede in der Erlangung von Berechtigungen auf Systemebene;
Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.
HTML steht im Englischen für Hyper Text Markup Language. HTML5 ist eine Technologie, die Shell, an die es angeschlossen ist, ist ein Browser, und ein Miniprogramm ist eine auf WeChat basierende Anwendung, die weder heruntergeladen noch installiert werden muss.
Aus Sicht der „Front-End-Entwicklung“ gibt es viele Unterschiede zwischen WeChat-Applets und HTML5. Zusammenfassend gibt es vier Unterschiede!
Erstens der Unterschied in der Betriebsumgebung
Die herkömmliche HTML5-Betriebsumgebung ist ein Browser, einschließlich Webview, während die Betriebsumgebung des WeChat-Applets kein vollständiger Browser ist. Bitte beachten Sie, dass es sich bei dem, was ich hier schreibe, aus folgenden Gründen um einen „unvollständigen Browser“ handelt:
HTML5-bezogene Technologien (nicht alle) werden im Entwicklungsprozess kleiner Programme verwendet.
Die endgültige Veröffentlichung des Miniprogramms erfordert eine WeChat-Überprüfung. WeChat kann das Miniprogramm in seine eigene Software aktualisieren, ohne seine eigene Software zu aktualisieren, was uns an das ReactNative-Framework erinnert. Und einige Entwickler haben herausgefunden, dass die React- und NodeWebkit-Bibliotheken im Quellcode der WeChat-Applet-Entwicklungstools verwendet werden.
Das offizielle Dokument betont, dass die in Browsern häufig verwendeten Fensterobjekte und Dokumentobjekte nicht in Skripten verwendet werden können (auf dieser Grundlage wurden Bibliotheken, die DOM wie zepto/jQuery betreiben, vollständig aufgegeben).
Ich denke also, dass es sich bei der Laufumgebung des Miniprogramms sehr wahrscheinlich um einen integrierten Parser handelt, der vom WeChat-Entwicklungsteam vollständig auf Basis des Browserkernels neu aufgebaut wurde. Er ist speziell für das Miniprogramm optimiert und arbeitet mit seinem eigenen Definierten zusammen Entwicklungssprachenstandards zur Verbesserung der Leistung des Miniprogramms.
Da WeChat Entwicklern jedoch Entwicklungstools zur Verfügung stellt und die Entwicklungstools auch über integrierte Programmierung, Debugging, Entwicklungsumgebung und Veröffentlichung verfügen, müssen wir die endgültige Betriebsumgebung nicht mehr diskutieren. Wir müssen nur entsprechend entwickeln zu den offiziellen Dokumenten. Das ist es. Und der Schritt des WeChat-Teams, Entwicklern Entwicklungstools zur Verfügung zu stellen, erinnert mich an die X-CODE-Entwicklungstools, die Apple Entwicklern zur Verfügung stellt. Man kann sich vorstellen, dass der „Ehrgeiz“ von WeChat offensichtlich ist
Artikel 2: Unterschiede bei den Entwicklungskosten
Hier stelle ich die Frage: Was müssen wir berücksichtigen, wenn wir mit einer HTML5-Webentwicklungsanforderung konfrontiert werden?
Lassen Sie Entwicklungstools (vscode, sublimtext, Atom usw.), Front-End-Frameworks (Angular, React, Vue, Backbone usw.), Modulverwaltungstools (Webpack, Browserify usw.) und Aufgabenverwaltungstools beiseite ( Grunt, Gulp usw.), so klein wie die Auswahl der UI-Bibliothek, Schnittstellenaufruftools (Ajax, Fetch Api usw.), Browserkompatibilität usw., wir müssen sie einzeln berücksichtigen, auch wenn es nicht einfach ist Um das JQery-Plug-In zum Schreiben von H5 zu verwenden, müssen wir während des Entwicklungsprozesses auch das richtige JQuery-Plug-In finden, das zum Projekt passt.
Obwohl diese Tools sehr anpassbar sind und die Entwicklungseffizienz von Entwicklern verbessern. Der Herausgeber ist jedoch der Ansicht, dass die Konfigurationsarbeit der Projektentwicklung viel Energie verbraucht hat, obwohl die meisten Entwickler über eigene Konfigurationsvorlagen verfügen. Die langfristigen Kosten für Versionsiterationen und Versionsaktualisierungen verschiedener im Projekt verwendeter externer Bibliotheken sollten nicht niedrig sein.
Und was müssen wir berücksichtigen, wenn wir uns den Entwicklungsanforderungen eines WeChat-Applets stellen? Das WeChat-Team hat Entwicklertools und standardisierte Entwicklungsstandards bereitgestellt, die zu den benutzerdefinierten WXML- und WXSS-Tags von WeChat geworden sind. Ich glaube jedoch, dass es in den offiziellen Dokumenten klare Einführungen zur Verwendung gibt Der Einstieg sollte sehr einfach sein; die Schreibmethoden in WXSS-, JSON- und JS-Dateien sind leicht eingeschränkt, aber insgesamt sind sie ähnlich. Nach der Vereinheitlichung dieser Standards müssen Sie sich als Entwickler nur noch auf das Schreiben von Programmen konzentrieren:
Wenn Sie die Back-End-Schnittstelle aufrufen müssen, rufen Sie die Anforderungs-API auf;
Wenn Sie müssen Wenn Daten-Caching erforderlich ist, wird die Upload- und Download-API aufgerufen.
Wenn Daten-Caching erforderlich ist, wird die lokale Speicher-API aufgerufen Code und andere Funktionen können direkt verwendet werden.
In Bezug auf UI-Bibliotheken verfügt das Framework natürlich über eine eigene Weui-Bibliothek.
Und wenn Sie diese APIs verwenden, müssen Sie sich keine Gedanken mehr über den Browser machen Kompatibilität, und Sie müssen sich keine Sorgen über unvorhersehbare und wunderbare Fehler in der Produktionsumgebung machen. Sie können sehen, dass die Entwicklungskosten des Programms in der Tat viel niedriger sind als bei früheren Webentwicklungen.
Im Vergleich zu HTML5-Webanwendungen kann das WeChat-Applet mehr Systemberechtigungen erhalten, z. B. den Netzwerkkommunikationsstatus, Daten-Caching-Funktionen usw. Diese Berechtigungen auf Systemebene können sein In Kombination mit WeChat Mini-Programmen wird offiziell behauptet, dass sie die reibungslose Leistung nativer Apps bieten. Dies ist ein Bereich, in dem HTML5-Webanwendungen häufig kritisiert werden. Dies ist auch der Grund, warum die meisten HTML5-Anwendungsszenarien positioniert sind mit einfacher Geschäftslogik und Einzelfunktionen. Artikel 4: Der Ablauffluss von Anwendungen in Produktionsumgebungen ist unterschiedlich. Der einfachste Unterschied zwischen Miniprogrammen und H5 besteht darin, dass beim Öffnen von H5 tatsächlich eine Webseite geöffnet wird und die Webseite im Browser gerendert werden muss. Die Seite friert ein, wenn sie mit komplexer Geschäftslogik oder umfangreichen Seiteninteraktionen konfrontiert wird. Das WeChat-Applet läuft direkt auf WeChat, wodurch der Schritt des Renderns über den Browser entfällt. Daher ist die Verwendung des Applets in WeChat viel reibungsloser als in H5. Neben der Ladezeit von wenigen Sekunden beim ersten Öffnen ist das Wechsel- und Springerlebnis zwischen verschiedenen Seiten des Miniprogramms mit dem der nativen App vergleichbar und sehr flüssig. Mini-Programme können nicht auf externe Links springen und H5 unterliegt keinen Einschränkungen. Zusammenfassend lässt sich sagen, dass Miniprogramme im Vergleich zu H5 die Vorteile geringerer Entwicklungskosten, umfangreicherer Funktionen und einer besseren Benutzererfahrung haben. (Nachteile: WeChat hat viele Einschränkungen vorgenommen und viele Dinge können nicht angepasst werden) Das Obige ist meine Zusammenfassung der Unterschiede zwischen WeChat-Miniprogrammen und HTML5. WeChat hat derzeit 900 Millionen aktive Benutzer pro Monat, insbesondere nachdem WeChat das öffentliche Konto eingeführt hat, sind auch die monatlich aktiven Benutzer von WeChat erheblich gestiegen, was einen sehr bequemen Zugang zu WeChat-Miniprogrammen bietet. Ausgehend von der Basiszahl 900 Millionen wurde der Grundstein für WeChat-Miniprogramme gelegt. Das WeChat Mini-Programm ist kein HTML5, sondern basiert auf dem unabhängigen Entwicklungsmodell von WeChat, wodurch Entwicklungskosten und Entwicklungszyklen eingespart werden können. Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Programmiervideos! !
Das obige ist der detaillierte Inhalt vonIst das WeChat-Miniprogramm HTML5?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!