OnsenUI vs Ionic Framework
Je veux commencer à développer une application hybride mobile en utilisant angularjs, css3 et html5. Cherchait un cadre et a trouvé ces deux. Les deux sont très beaux mais je n'ai pas pu obtenir une bonne comparaison entre les deux. Quelqu'un peut-il énumérer les avantages et les inconvénients des deux.
Une comparaison entre eux en termes de composants évolutifs, prêts à l'emploi, de vitesse et de compatibilité avec Angular et les appareils ciblés sera très utile
Un an s'est écoulé depuis la publication des deux cadres. L'interface Onsen est actuellement dans la version 1.2 stable tandis que Ionic est dans la dernière version candidate.
J'ai travaillé avec les deux, alors laissez-moi vous donner un bref aperçu, j'ai également écrit un article de blog beaucoup plus volumineux, vous le trouverez à la fin de cette réponse.
Je n'entrerai pas dans beaucoup de détails sur le cadre principal; si vous avez une connaissance antérieure d'AngularJS, vous passerez facilement à Ionic ou à Onsen UI.
Les deux cadres sont construits autour d'AngularJS et ils dépendent fortement des directives, vous pouvez également facilement créer vos directives personnalisées. L'interface Onsen dispose également d'un support jQuery (inutile si vous me le demandez).
Les deux cadres prennent en charge Android 4+, iOS 6+ (certaines fonctionnalités sont disponibles sur Android 2.3), Onsen UI prend également officiellement en charge Firefox OS et les navigateurs de bureau. Ionic n'ont pas de support de bureau officiel, mais cela fonctionnera toujours (ce ne sera pas joli, imaginez).
Ionic ne prend actuellement pas en charge la plate-forme Windows Mobile (il l'aura à l'avenir); Le support de l'interface utilisateur Onsen est en cours de développement (depuis novembre 2014).
Les deux frameworks prennent en charge une sorte de fonctionnalité splitview afin qu'ils puissent être utilisés pour le développement de tables.
Les deux cadres ont une belle interface utilisateur unique. Je préfère Ionic à l'apparence de l'interface utilisateur Onsen, mais c'est une question de goût personnel. Les deux thèmes par défaut ressemblent à iOS 7.
L'interface Onsen prend en charge les thèmes d'apparence native pour Android et iOS. Ionic framework utilise le même thème pour toutes les plates-formes, mais certaines fonctionnalités dépendent de la plate-forme (par exemple l'apparence et la convivialité des onglets)
Les deux cadres ont un générateur de thème fonctionnel.
Ionic prend en charge SASS tandis que Onsen UI est construit autour de la bibliothèque CSS Topcoat.
Les deux cadres ont un grand support de widget (directives)
L'interface Onsen a une meilleure documentation. Il est séparé en deux endroits différents. Le premier est "Composants" où vous pouvez voir différentes directives et chacune a un exemple de travail que vous pouvez utiliser et répliquer. La deuxième partie est un "Guide" où vous êtes guidé à travers le processus de création d'application.
Ionic a une documentation désorganisée (fortement fragmentée). Il manque un vrai tutoriel de "mise en route", même si vous avez déjà une expérience AngularJS. Il vous montre des morceaux, mais pas comment les connecter correctement.
D'un autre côté, Ionic a une communauté beaucoup plus grande, vous trouverez donc facilement des solutions aux problèmes.
Le cadre ionique a un grand forum officiel + une grande communauté StackOverflow. Dans le même temps, Onsen UI utilise uniquement StackOverflow comme centre d'aide (j'appellerais cela un échec).
L'interface Onsen a un HTML5 IDE appelé MONACA IDE (excellent outil), Ionic IDE est actuellement en production; vous pouvez participer au test bêta.
Ionic a une communauté de plugins tiers croissante (par exemple, sélecteur de date); Je n'ai trouvé aucun plug-in Onsen tiers
J'ai écrit un article beaucoup plus volumineux couvrant Ionic/Onsen UI changes, find it here.
Étant donné que les deux cadres sont assez nouveaux et pas très populaires (pour l'instant!), Je ne pense pas que quiconque ait pris le temps de faire une comparaison approfondie entre les deux. Je ne pense même pas que l'ensemble final des composants prêts à l'emploi soit déterminé par les développeurs eux-mêmes, le développement actif est toujours en cours.
En ce qui concerne la compatibilité, les applications hybrides s'exécutent dans les navigateurs natifs des appareils sur lesquels elles sont installées. Les deux cadres ont besoin de CSS3, donc les anciens téléphones ne seront jamais pris en charge par aucun des cadres.
Le tag OnsenUI ici sur StackOverflow est le seul support offert par OnsenUI (actuellement), et au moment de la rédaction, il y a 0 questions/réponses. Ionic a un forum très actif sur leur site Web + quelques questions/réponses ici sur SO.
Je pense que le fait d'avoir une communauté active soutenant un cadre conduira éventuellement à un meilleur cadre. Je choisirais donc Ionic. Personnellement, je trouve également le design standard d'Ionic plus attrayant, mais vous devriez en juger par vous-même.
ionique
- plus maigre à Angular comme les routes, les contrôleurs et le modèle et sa structure est plutôt compliqué de première main.
- commande comme "onglets de démarrage ionique myApp" ne sont toujours pas disponibles dans onsenUI
- La conception matérielle comme le "carton" est disponible
OnsenUI
- structure plus simple, facile à démarrer
- avec Monaca IDE, certaines fonctionnalités ne sont disponibles que si vous utilisez Monaca. sinon vous devez créer des choses par vous-même.
- conception ios8 prise en charge récemment
Ionic a une fonctionnalité plus mature et un ensemble de composants CSS prêts à l'emploi. Les services délégués injectables, représentant les éléments (directives) de l'interface utilisateur, vous donnent plus de contrôle sur les interactions UI/UX. La communauté du développement est (actuellement) très active et gagne du terrain.
Je ne peux pas parler correctement de la vitesse/performance entre les deux, mais je sais que les deux sont optimisés pour les mobiles.
Au fur et à mesure que je développe, je ferai rapport avec des comparaisons. Bonne chance.
Je viens de commencer à utiliser ionic après un certain temps de développement natif. Doit sérieusement dire qu'il a de grandes fonctionnalités de cli! Par exemple, vous pouvez démarrer votre projet à partir d'un Gist à mon avis, c'est agréable d'avoir pour les poc's
Je n'ai pas pu tout tester mais ce que j'ai vu m'impressionne vraiment!
C'est bien documenté à sa façon, dans une communauté active et ça continue de s'améliorer.
Je voulais juste partager mes pensées sur ce que ça vaut
J'ai trouvé Ionic le meilleur pour certaines raisons, comme leur support communautaire et la documentation. J'évalue toujours l'onsen depuis longtemps mais je n'ai toujours pas trouvé la seule chose unique qui me dérivera vers lui par rapport à Ionic
Je travaille dans Ionic Framework pendant 1 an avec un vrai projet, j'ai créé un jeu avec Ionic, son très spécial car l'application hybride n'est pas le meilleur choix si vous voulez créer un jeu. Lorsque vous développez un Si vous développez un jeu simple avec peu d'animation, c'est bien. Voici mon jeu dans Playstore, c'est un jeu de mémoire "Memory Party": https://play.google.com/store/ applications/détails? id = fr.jhaccoun
Pourquoi Ionic est un bon choix:
- très très très bonne documentation (tutoriel, forum, article, ...)
- stable (ionique 1), vous pouvez trouver de nombreuses applications en magasin
- Facile à développer (ionic est livré avec de nombreux outils pour aider le développeur, vous pouvez développer et tester en direct sur votre téléphone sans déployer grâce au rechargement en direct
- De nombreux modules cordova sont disponibles
- vous n'avez pas besoin de compétences mobiles, juste angularjs, html, css ...
- Ionic fournit de beaux composants et vous pouvez personnaliser les composants si vous le souhaitez