Le parcours de développement mobile HTML5 de Xiaoqiang (21)——PhoneGap

1. Qu'est-ce que PhoneGap

PhoneGap est un cadre de développement rapide permettant de créer des applications mobiles multiplateformes basées sur HTML, CSS et JavaScript. Il permet aux développeurs de profiter des fonctionnalités de base des smartphones iPhone, Android, Palm, Symbian, WP7, Bada et Blackberry, notamment la géolocalisation, l'accélérateur, les contacts, le son et les vibrations, etc. De plus, PhoneGap dispose d'un riche ensemble de plug-ins. ins qui peuvent étendre des fonctionnalités illimitées. PhoneGap est gratuit, mais il nécessite des logiciels supplémentaires fournis par des plateformes spécifiques, telles que iPhone SDK pour iPhone, Android SDK pour Android, etc. Il peut également être développé en conjonction avec DW5.5. Utiliser PhoneGap n'est que légèrement mieux que de créer des applications distinctes pour chaque plate-forme, car même si le code de base est le même, vous devez toujours compiler l'application séparément pour chaque plate-forme. PhoneGap a étendu et encapsulé WebView pour différentes plates-formes, transformant le composant WebView en un navigateur puissant pouvant accéder à l'API locale de l'appareil. Par conséquent, les développeurs peuvent accéder à l'API locale de l'appareil via JavaScript dans le cadre PhoneGap.

Qu'est-ce que WebView ? (Le composant WebView est essentiellement le navigateur intégré des appareils mobiles. WebView. Cette fonctionnalité de navigateur intégrée est la base pour que le Web soit intégré dans un client local. Il peut être commodément utilisé pour les mises en page HTML5 et CSS3. Il s'agit d'un appareil mobile Avantages de la technologie Web par rapport au développement natif)

2. Avantages de PhoneGap

. (1) Multiplateforme : PhoneGap est le seul à prendre en charge 7 plateformes. Un framework mobile open source (PhoneGap inclut la géolocalisation, l'accélérateur, les contacts, le son et les vibrations, etc. De plus, PhoneGap dispose d'un riche ensemble de plug-ins qui peuvent être utilisé pour étendre des fonctions illimitées, et il peut compléter presque toutes les fonctions que l'application native peut remplir). Ses avantages sont sans précédent : des coûts de développement faibles – selon les estimations, au maximum un cinquième des applications natives !

(2) Facilité d'utilisation, basée sur la technologie de développement Web standard (html css js)

(3) Fournir un contrôle d'accès matériel (api)

(4) Disponible Utiliser un framework javascript mature (JqueryMobile SenchaTouch)

(5) Installation et utilisation pratiques

3. Lacunes de PhoneGap

(1) Le fonctionnement de l'application PhoneGap dépend de la version construite -dans le navigateur webkit de chaque plateforme sur les appareils mobiles est affecté par la vitesse de traitement du webkit et les contraintes de performances du matériel et des logiciels de chaque plateforme. La vitesse d'exécution de son programme sera légèrement inférieure à celle du programme natif. L'auteur estime que ces problèmes seront résolus d'ici 1 à 2 ans, car la vitesse actuelle de développement du matériel est trop rapide.

(2) Il existe également certaines fonctions sous-jacentes qui nécessitent la mise en œuvre de plug-ins, telles que (fonction push)

(3) La différenciation de la plate-forme est différente et l'interface d'exécution de l'application PhoneGap ressemble à celle pareil sur toutes les plateformes Idem. Même si l’application ressemble beaucoup à l’application native, elle peut sembler peu familière aux utilisateurs habitués aux plateformes iOS et Android, et ils remarqueront rapidement la différence. En comparant de manière exhaustive les avantages et les inconvénients de PhoneGap, nous pensons que si vous souhaitez mettre en œuvre rapidement une WebApp mobile générale ou un jeu 2D ordinaire, vous pouvez utiliser la technologie PhoneGap. Si vous souhaitez implémenter une application ou un jeu 3D qui nécessite beaucoup de calculs CPU, ou si vous recherchez l'expérience utilisateur et l'interface, compte tenu des conditions matérielles actuelles et des coûts de développement, il est plus approprié d'utiliser le développement natif pour l'implémenter.

4. Perspectives PhoneGap

Le 4 octobre 2011, Adobe a annoncé l'acquisition de Nitobi Software, une nouvelle startup qui a créé le framework d'applications mobiles HTML5 PhoneGap et PhoneGap Build. Cela confère à Phonegap un soutien solide et les perspectives de développement de Phonegap sont prometteuses. Dans le même temps, le framework open source de PhoneGap a été téléchargé 600 000 fois et des milliers d'applications ont été créées sur iOS, Android et d'autres systèmes d'exploitation à l'aide de la plateforme PhoneGap.

5. Introduction à l'application Web, à l'application native, à l'application hybride

(1) Application Web

Elle utilise principalement le HTML standard unifié, JavaScript.CSS et d'autres technologies Web. Les utilisateurs n'ont pas besoin de télécharger. Le multiplateforme est obtenu grâce à l'accès au navigateur sur différentes plates-formes. Dans le même temps, les fonctionnalités HTML5 peuvent être pleinement utilisées via la prise en charge du navigateur. L'inconvénient est que ces applications basées sur un navigateur ne peuvent pas appeler d'API système pour les implémenter. certaines fonctions avancées et ne conviennent pas lorsque des performances élevées sont requises

(2) L'application native

est ce qu'on appelle l'application native. Elle fait référence aux applications développées avec un développement spécifique à la plate-forme. langues L'avantage de les utiliser est qu'ils peuvent tirer pleinement parti des fonctionnalités de l'API et de la plate-forme du système, c'est également le meilleur en termes de performances. L'inconvénient est qu'en raison des différentes technologies de développement, si vous souhaitez couvrir plusieurs plates-formes, vous devez développer indépendamment pour chaque plate-forme, sans fonctionnalités multiplateformes

(3) Hybird App

. est de compenser Les défauts des deux modèles de développement ci-dessus héritent des avantages des deux parties. Premièrement, cela permet à un grand nombre de développeurs Web de se transformer en développeurs d'applications mobiles à un coût quasi nul ; le même code doit uniquement être compilé pour différentes plates-formes. Il peut être distribué sur plusieurs plates-formes, ce qui améliore considérablement l'efficacité du développement multiplateforme ; par rapport aux applications Web, les développeurs peuvent appeler les API système les plus couramment utilisées via des interfaces packagées. PhoneGap est le cadre de développement représentatif d'Hybird APP

6. Cadre de développement de logiciels d'applications mobiles Html5 Introduction à JqueryMobile SenchaTouch

1 Introduction à JqueryMobile

jQuery Mobile est la version de jQuery sur les téléphones mobiles et les tablettes. jQuery Mobile apportera non seulement la bibliothèque principale jQuery aux plates-formes mobiles grand public, mais publiera également un cadre d'interface utilisateur mobile jQuery complet et unifié. Prend en charge les plates-formes mobiles grand public mondiales. Ce framework est simple et facile à utiliser. Les pages sont développées principalement à l'aide de balises et nécessitent peu ou pas de JavaScript. Ce framework est simple et facile à utiliser. Les pages sont développées principalement à l'aide de balises et nécessitent peu ou pas de JavaScript.

2. Introduction à SenchaTouch

Le framework Ajax ExtJS, qui a été écrit il n'y a pas longtemps sur la base de JavaScript, intègre l'ExtJS existant avec les bibliothèques JQTouch et Raphaël, et lance le framework Sencha Touch approprié. pour le Web tactile le plus avancé, ce framework est le premier framework d'application mobile au monde basé sur HTML5. Dans le même temps, ExtJS a été renommé Sencha, et David Kaneda, le fondateur de JQTouch, et le fondateur de Raphaël ont également rejoint l'équipe Sencha

Ce qui précède est le contenu du parcours de développement mobile HTML5 de Xiaoqiang ( 21) - PhoneGap, Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !