Подтвердить что ты не робот

OnsenUI против ионной структуры

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

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

4b9b3361

Ответ 1

Прошел один год с момента выпуска обеих фреймворков. В настоящее время пользовательский интерфейс 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 поддерживает родные темы для Android и iOS. Ionic framework использует ту же тему для всех платформ, но некоторые функции будут зависеть от платформы (например, внешний вид вкладки)

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

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

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

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

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

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

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

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

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

Я написал гораздо более крупную статью, в которой рассматриваются изменения Ionic/Onsen UI, найдите здесь.

Ответ 2

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

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

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

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

Ответ 3

Ионный

  • более ориентированный на Angular стиль, такой как маршруты, контроллеры и шаблон, и эта структура немного сложна из первых рук.
  • команда, подобная "вкладкам myApp с ионным запуском", по-прежнему недоступна в onsenUI
  • Доступны материалы, такие как "Картон".

OnsenUI

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

Ответ 4

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

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

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

Ответ 5

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

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

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

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

Ответ 6

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

Почему Ionic - хороший выбор:

  • очень очень хорошая документация (учебник, форум, статья,...)
  • stable (ionic 1), вы можете найти множество приложений в магазине
  • Простота разработки (ионные приходят со многими инструментами, помогающими разработчику, вы можете разрабатывать и тестировать в прямом эфире на своем телефоне без развертывания благодаря живой перезагрузке
  • Доступны многие модули cordova
  • Вам не нужны мобильные навыки, просто angularjs, html, css...
  • Ионные обеспечивают красивые компоненты, и вы можете настраивать компоненты, если хотите

Ответ 7

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

Ответ 8

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