Xiaoqiangs Reise zur mobilen HTML5-Entwicklung (21) – PhoneGap

1. Was ist PhoneGap

PhoneGap ist ein schnelles Entwicklungsframework für die Erstellung mobiler plattformübergreifender mobiler Anwendungen auf Basis von HTML, CSS und JavaScript. Es ermöglicht Entwicklern, die Kernfunktionen von iPhone-, Android-, Palm-, Symbian-, WP7-, Bada- und Blackberry-Smartphones zu nutzen – einschließlich Geolokalisierung, Beschleuniger, Kontakte, Ton und Vibration usw. Darüber hinaus verfügt PhoneGap über eine umfangreiche Auswahl an Plug-ins. Ins, die verwendet werden können, erweitern unbegrenzte Funktionalität. PhoneGap ist kostenlos, erfordert jedoch zusätzliche Software, die von bestimmten Plattformen bereitgestellt wird, z. B. iPhone SDK für iPhone, Android SDK für Android usw. Es kann auch in Verbindung mit DW5.5 entwickelt werden. Die Verwendung von PhoneGap ist nur geringfügig besser als das Erstellen separater Anwendungen für jede Plattform, da der Basiscode zwar derselbe ist, Sie die Anwendung jedoch für jede Plattform separat kompilieren müssen. PhoneGap hat WebView für verschiedene Plattformen erweitert und gekapselt und die WebView-Komponente in einen leistungsstarken Browser verwandelt, der auf die lokale API des Geräts zugreifen kann. Daher können Entwickler über JavaScript im Rahmen des PhoneGap-Frameworks auf die lokale API des Geräts zugreifen.

Was ist WebView? (Die WebView-Komponente ist im Wesentlichen der integrierte Browser mobiler Geräte. WebView. Diese integrierte Browserfunktion ist die Grundlage dafür, dass das Web in einen lokalen Client gepackt werden kann. Es kann sein Praktisch für HTML5- und CSS3-Seitenlayouts. Dies ist ein mobiles Gerät. Vorteile der Web-Technologie im Vergleich zur nativen Entwicklung.

2. Vorteile von PhoneGap

(1) Plattformübergreifend: PhoneGap ist das einzige, das 7 Plattformen unterstützt. Ein Open-Source-Framework für Mobilgeräte (PhoneGap umfasst Geolokalisierung, Beschleuniger, Kontakte, Ton und Vibration usw. Darüber hinaus verfügt PhoneGap über einen umfangreichen Satz an Plug-Ins, die dies können kann verwendet werden, um unbegrenzte Funktionen zu erweitern, und es kann fast alle Funktionen ausführen, die Native App ausführen kann. Seine Vorteile sind beispiellos: niedrige Entwicklungskosten – Schätzungen zufolge höchstens ein Fünftel der Native Apps!

(2) Benutzerfreundlichkeit, basierend auf Standard-Webentwicklungstechnologie (HTML + CSS + JS)

(3) Bereitstellung von Hardware-Zugriffskontrolle (API)

(4 ) Ein ausgereiftes Javascript-Framework (JqueryMobile SenchaTouch) kann verwendet werden

(5) Bequeme Installation und Verwendung

3. Nachteile von PhoneGap

(1) Die Ausführung der PhoneGap-Anwendung ist Das integrierte Browser-Webkit jeder Plattform auf Mobilgeräten wird von der Verarbeitungsgeschwindigkeit des Webkits und den Leistungsbeschränkungen der Hardware und Software der jeweiligen Plattform beeinflusst. Die Ausführungsgeschwindigkeit des Programms ist etwas langsamer als die des nativen Programms Der Autor glaubt, dass diese Probleme innerhalb von 1-2 Jahren gelöst werden, da die aktuelle Hardware-Entwicklungsgeschwindigkeit zu hoch ist.

(2) Es gibt auch einige zugrunde liegende Funktionen, für deren Implementierung Plug-Ins erforderlich sind, z. B. (Push-Funktion)

(3) Die Plattformdifferenzierung ist anders und die Oberfläche zum Ausführen der PhoneGap-Anwendung sieht anders aus auf allen Plattformen gleich. Gleich. Obwohl die App der nativen App sehr ähnlich sieht, fühlt sie sich für Benutzer, die an die Plattformen iOS und Android gewöhnt sind, möglicherweise ungewohnt an und sie werden den Unterschied schnell bemerken. Durch einen umfassenden Vergleich der Vor- und Nachteile von PhoneGap sind wir davon überzeugt, dass Sie die PhoneGap-Technologie verwenden können, wenn Sie schnell eine allgemeine mobile WebApp oder ein gewöhnliches 2D-Spiel implementieren möchten. Wenn Sie eine Anwendung oder ein 3D-Spiel implementieren möchten, die viel CPU-Rechenaufwand erfordert, oder das ultimative Streben nach Benutzererfahrung und Benutzeroberfläche haben, ist es unter Berücksichtigung der aktuellen Hardwarebedingungen und Entwicklungskosten besser geeignet, die native Entwicklung zur Implementierung zu verwenden.

4. PhoneGap-Interessenten

Am 4. Oktober 2011 gab Adobe die Übernahme von Nitobi Software bekannt, einem neuen Startup, das das Html5-Framework für mobile Anwendungen PhoneGap und PhoneGap Build entwickelt hat. Dies gibt Phonegap einen starken Rückhalt und die Entwicklungsaussichten von Phonegap sind rosig. Gleichzeitig wurde das Open-Source-Framework von PhoneGap 600.000 Mal heruntergeladen und mit Hilfe der PhoneGap-Plattform wurden Tausende von Anwendungen auf iOS, Android und anderen Betriebssystemen erstellt.

5. Einführung in Web App, Native APP, Hybird App

(1) Web App

Dies verwendet hauptsächlich einheitliches Standard-HTML, JavaScript.CSS und andere Webtechnologien Der plattformübergreifende Zugriff auf verschiedene Plattformen ist für Benutzer nicht erforderlich. Gleichzeitig können HTML5-Funktionen vollständig durch Browserunterstützung genutzt werden Einige erweiterte Funktionen sind nicht geeignet, wenn eine hohe Leistung erforderlich ist. (2) Native APP

ist die sogenannte native Anwendung. Sie bezieht sich auf Anwendungen, die mit plattformspezifischer Entwicklung entwickelt wurden Der Vorteil ihrer Verwendung besteht darin, dass sie die API- und Plattformfunktionen des Systems vollständig nutzen können und auch hinsichtlich der Leistung am besten sind. Der Nachteil besteht darin, dass Sie, wenn Sie mehrere Plattformen abdecken möchten, aufgrund unterschiedlicher Entwicklungstechnologien unabhängig für jede Plattform entwickeln müssen, ohne plattformübergreifende Funktionen

(3) Hybird App

Es besteht darin, die Mängel der beiden oben genannten Entwicklungsmodelle auszugleichen. Erstens ermöglicht es einer großen Anzahl von Webentwicklern, sich nahezu zum Nulltarif in Entwickler mobiler Anwendungen zu verwandeln Derselbe Code muss nur für verschiedene Plattformen kompiliert werden. Er kann auf mehrere Plattformen verteilt werden, was die Effizienz der Multiplattform-Entwicklung im Vergleich zu Web-Apps erheblich verbessert. Entwickler können die am häufigsten verwendeten System-APIs über gepackte Schnittstellen aufrufen. PhoneGap ist das repräsentative Entwicklungsframework der Hybird APP

6. JqueryMobile SenchaTouch-Entwicklungsframework für HTML5

1. JqueryMobile-Einführung

jQuery Mobile ist die Version von jQuery auf Mobiltelefonen und Tablet-Geräten. jQuery Mobile wird nicht nur die jQuery-Kernbibliothek auf Mainstream-Mobilplattformen bringen, sondern auch ein vollständiges und einheitliches jQuery-Mobile-UI-Framework veröffentlichen. Unterstützt globale Mainstream-Mobilplattformen. Dieses Framework ist einfach und benutzerfreundlich. Seiten werden hauptsächlich mithilfe von Markup entwickelt und erfordern wenig oder gar kein JavaScript. Dieses Framework ist einfach und benutzerfreundlich. Seiten werden hauptsächlich mithilfe von Markup entwickelt und erfordern wenig oder gar kein JavaScript.

2. SenchaTouch-Einführung

Das Ajax-Framework ExtJS, das vor nicht allzu langer Zeit auf Basis von JavaScript geschrieben wurde, integriert das vorhandene ExtJS mit JQTouch- und Raphaël-Bibliotheken und startet das Sencha Touch-Framework geeignet Für das modernste Touch Web ist dieses Framework das weltweit erste Mobile-App-Framework, das auf HTML5 basiert. Gleichzeitig wurde ExtJS in Sencha umbenannt, und David Kaneda, der Gründer von JQTouch, und der Gründer von Raphaël sind ebenfalls dem Sencha-Team beigetreten

Das Obige ist der Inhalt von Xiaoqiangs HTML5-Mobilentwicklungspfad ( 21) - PhoneGap. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!