2014-02-18 4 views
26

Я хочу начать разработку мобильного гибридного приложения с помощью angularjs, css3 и html5. Был поиск рамки и нашел эти два. Оба выглядят очень хорошо, но я не смог получить хорошее сравнение между ними обоими. Может кто-нибудь, пожалуйста, перечислите плюсы и минусы для обоих.OnsenUI vs Ionic Framework

Сравнение между ними с точки зрения масштабируемой, из коробки компонентов, скорости и совместимости с Угловое и устройств целевого будет очень полезно

ответ

39

один год прошел с тех пор как основы были освобождены. В настоящее время пользовательский интерфейс Onsen находится в стабильной версии 1.2, тогда как Ionic находится в состоянии кандидатуры последнего релиза.

Я работал с обоими из них, поэтому позвольте мне дать вам краткий обзор, я также написал гораздо большую статью в блоге, вы найдете ее в конце этого ответа.

Я не буду вдаваться в подробности о базовой структуре; если у вас есть предыдущие знания AngularJS, вы легко перейдете на Ionic или Onsen UI.

  • Оба фреймворка построены вокруг AngularJS, и они в значительной степени зависят от директив, вы также можете легко создавать свои пользовательские директивы. В пользовательском интерфейсе Onsen также имеется поддержка jQuery (не нужно, если вы меня спрашиваете).

  • Оба фреймворка поддерживают Android 4+, iOS 6+ (некоторые функции доступны на Android 2.3), пользовательский интерфейс Onsen также официально поддерживает Firefox OS и настольные браузеры. У Ionic нет официальной поддержки рабочего стола, но он все равно будет работать (это будет не очень, представьте).

  • Ионные в настоящее время не поддерживают платформу Windows Mobile (она будет иметь ее в будущем); Поддержка Onsen UI в настоящее время находится в разработке (с ноября 2014 года).

  • Оба фреймворка поддерживают какую-то функцию splitview, поэтому их можно использовать для разработки таблиц.

  • Оба фреймворка имеют отличительный красивый перспективный плоский интерфейс. Я предпочитаю Ионный внешний вид Onsen UI, но это вопрос личного вкуса. Обе темы по умолчанию выглядят как iOS 7.

  • Onsen UI поддерживает родные темы для Android и iOS. Ionic framework использует ту же тему для всех платформ, но некоторые функции будут зависеть от платформы (например, внешний вид вкладки).

  • Оба фреймворка имеют рабочий рабочий стол.

  • Ионная поддержка SASS, в то время как пользовательский интерфейс Onsen построен вокруг библиотеки CSS Topcoat.

  • Обе структуры имеют большую поддержку виджетов (директивы)

  • онсэн UI имеет лучшую документацию. Он отделен в двух разных местах. Первый - это «Компоненты», где вы можете видеть разные директивы, и каждый из них имеет рабочий пример, который вы можете использовать и реплицировать.Вторая часть - это «Руководство», где вы руководствуетесь процессом создания приложения.

  • Ионная имеет неорганизованную документацию (сильно фрагментированную). В нем отсутствует реальный учебник «Getting Started», даже если у вас есть предыдущий опыт AngularJS. Он показывает вам фрагменты, но не как правильно их подключить.

  • С другой стороны, у Ionic гораздо больше сообщества, поэтому вы легко найдете решения проблем.

  • У Ionic framework есть отличный официальный форум + большое сообщество StackOverflow. В то же время пользовательский интерфейс Onsen использует только StackOverflow в качестве справочного центра (я бы назвал это сбоем).

  • В пользовательском интерфейсе Onsen имеется HTML5 IDE, называемая MONACA IDE (отличный инструмент), в настоящее время разрабатывается Ионная IDE; вы можете участвовать в бета-тестировании.

  • У Ionic есть растущее сообщество плагинов сторонних разработчиков (например, сборщик дат); Я не мог найти какой-либо третьей стороной онсэна UI плагина

я написал гораздо большую статью, охватывающую Ионные/онсэны изменениями пользовательского интерфейса, найти его here.

+1

Я нашел ваши статьи очень информативными.Во многих случаях вы спасли свое время своим опытом. Благодарю. –

15

Поскольку обе рамки довольно новый и не очень популярны (пока!), Я не думаю, что кто-то нашел время, чтобы провести обширное сравнение между ними. Я даже не думаю, что окончательный набор компонентов из коробки определяется самими разработчиками, активная разработка все еще продолжается.

Что касается совместимости, гибридные приложения запускаются в собственных браузерах устройств, на которых они установлены. Оба фреймворка нуждаются в CSS3, поэтому старые телефоны никогда не будут поддерживаться ни одной из фреймворков.

OnsenUI-тег здесь, в StackOverflow, является единственной поддержкой, которую предлагает OnsenUI (в настоящее время), и на момент написания ответа 0 вопросов/ответов. Ionic имеет очень активный форум на своем сайте + несколько вопросов/ответов здесь, на SO.

Я думаю, что активное сообщество, поддерживающее структуру, в конечном итоге приведет к лучшей структуре. Поэтому я бы пошел на Ион. Лично я считаю, что стандартная конструкция Ionic более привлекательна, но вы должны судить об этом сами.

+3

Я думаю, что точка, в которой Ionic еще не популярна, устарела, и ее нужно отредактировать. Ионный очень популярен, как и сегодня, и он широко используется. Я согласен с тем, что активный разработчик позади Ionic, который отлично подходит и поддерживает форум поддержки. Недавно я столкнулся с Онсеном, и мой Бог это очень хорошо сделал. Я еще не использовал его, но если вы хотите, чтобы мой голос имел id, то Ionic. Однако Onsen выглядит очень многообещающим. –

+0

Ужасно видеть больше сравнения. Я лично хочу перейти на Angluar и Appbuilder для мобильных разработчиков и просто искать хороший уровень презентации. Ионы выглядят быстрыми и хорошими примерами витрин, я только что слышал о Онсесе, который очень хотел увидеть больше. – Rodney

1

Ionic имеет более зрелую функцию и набор компонентов CSS и из коробки. Инъекционные услуги делегатов, представляющие элементы интерфейса (директивы), дают вам больший контроль над взаимодействиями UI/UX. Сообщество разработчиков (в настоящее время) очень активно, и оно набирает силу.

Я не могу правильно говорить о скорости/производительности между ними, но знаю, что оба они оптимизированы для мобильных устройств.

Поскольку я больше разрабатываю, я буду отчитываться со сравнений. Удачи.

0

Только что начал использовать ионные после определенного времени разработки на месте. Должен серьезно сказать, что у него есть отличные возможности cli! Например, вы можете начать свой проект с самого начала, на мой взгляд, это приятно иметь для poc

Havent смог проверить все, но то, что я видел, действительно впечатляет меня!

Это хорошо документировано в своем собственном стиле, активном сообществе, и оно продолжает улучшаться.

Просто хотел бы поделиться своими мыслями на то, что это стоит

5

Ионных

  • более постного углового стиль, как маршруты, контроллеры и шаблон, и это структура рода сложных в первой руке.
  • команда, как "вкладка MYAPP ионной старт" до сих пор не доступен в onsenUI
  • Материал конструкции, как "картон" доступна

OnsenUI

  • проще структуры, легко начать
  • пара с Monaca IDE, некоторые функции доступны только в том случае, если вы используете Monaca. в противном случае вы должны сами создавать вещи.
  • поддерживается ios8 дизайн недавно
0

Im работает в Ionic Framework в течение 1 года с реальным проектом, я создал игру с Ionic, ее особенность, потому что гибридное приложение не лучший выбор, если вы хотите создать игру. Когда вы разрабатываете игру, вам нужна производительность! Однако, если вы разрабатываете простую игру с несколькими анимациями, это хорошо. Вот моя игра в playstore, его игра памяти «Memory Party»: https://play.google.com/store/apps/details?id=fr.jhaccoun

Почему Ионные является хорошим выбором:

  1. очень очень очень хорошая документация (учебник, форум, статьи, .. .)
  2. стабильный (ионный 1), вы можете найти множество приложений в магазине
  3. Простая в разработке (ионная система поставляется с множеством инструментов, помогающих разработчику, вы можете разрабатывать и тестировать в прямом эфире на своем телефоне без развертывания благодаря живой перезагрузке
  4. Многие Cordova модули доступны
  5. вам не нужны мобильные навыки, просто angularjs, HTML, CSS ...
  6. Ионные обеспечивают прекрасные компоненты и вы можете пользовательские компоненты, если вы хотите
0

Я нашел Ионные лучшие по некоторым причинам, такие как поддержка их сообщества и документация. Я все еще оцениваю onsen из долгого времени, но все еще не нашел единственную вещь, которая приведет меня к ней по сравнению с Ionic