На каком фреймворке разрабатывать HTML5 приложение под iOs+Android?

Question

[yiicoder]

Появилась задачка - разработать простое приложение под iOs+Android. Возможностей HTML5 явно хватит . Обнаружил большое количество фреймворков phonegap apache cordova, Ionic...
Расскажите про плюсы минусы.

Answer 1

[teotlu]

Мы разрабатываем на Framework7 + Cordova. В качестве других вариантов вместо Framework7 рассматривали Dojo Mobile и Ionic, но этот показался самым адекватным и хорошо работающим.

Cordova и Phonegap (по сути это одно и то же, за исключением некоторых несущественных моментов) являются именно мостиком между HTML5+CSS+JS и нативными функциями устройства: отображают приложение в своём WebView и предоставляют интерфейс доступа к функциям устройства (геопозиционирование, акселерометр и т.д.).

Тогда как перечисленные мной вначале фреймворки являются по сути наборами виджетов на HTML5+CSS+JS, предназначенными для создания таких приложений. То есть содержат различные компоненты вроде списков, календарей, элементов форм и т.д.

Comments

[Сергей Протько]

А как у него с Android и другими платформами? ionic худо бедно нормально работает скажем на win phone. А чисто под iOS html5 никакого смысла не имеет, нэйтив по времени занимает столько же.

[teotlu]

Сергей Протько: мы делаем для iOS и Android только, про Win ничего не могу сказать. На Android раньше несколько тупило, потому что в Cordova для него использовался какой-то древний WebView. Но недавно она обновилась, там теперь нормальный WebView, и всё вполне себе бегает.

Ещё использовали именно для Android штуку под названием CrossWalk, чтобы заменить тот ущербный WebView на нормальный. Но, насколько я знаю, теперь она не нужна, потому что Cordova обновилась.

Ещё хочу отметить такой момент, что сам по себе Framework7 в плане интерфейса рассчитан на iOS (компоненты в нём приближены по внешнему виду и поведению именно к этой ОС). Не для всех приложений на Android такой подход приемлем. Но нам не помешало, что понадобилось — перепилили.

[Сергей Протько]

teotlu:
> потому что Cordova обновилась
Не совсем, с 5.0 cordova позволяет подключать другие webview, то есть crosswalk можно подключить просто как плагин, что круто конечно.

Вот меня именно поведение интересовало. Если iOS онли - то тогда профит сомнителен. Ionic сейчас уже не такое стремное гуано каким было пол года назад. Останусь пока с ним.

[teotlu]

Сергей Протько: мы как раз более полугода назад начали проект (он достаточно фоновый, скажем так), и да, тогда Ionic был чем-то ужасным.

Да, извиняюсь, я всех тонкостей с Cordova не знаю, потому что этим занимался другой человек, а я в основном пилил F7 :)

[Сергей Протько]

teotlu: а famo.us не смотрели?

[teotlu]

Сергей Протько: нет, даже не знал про него. Но я сейчас посмотрел, увидел, что он использует какие-то прям бездны DOM-элементов, и мне страшно. По-моему, для мобильных устройств это не совсем подходит.

[Сергей Протько]

teotlu: да нет, эта штука создана как раз таки для того что бы на мобильных платформах выдавать 60FPS, но там как раз таки фишка в том что UI рисуется. То есть там куча всякой магии внутри. Я если честно так и не нашел время поковыряться с этим чудом.

[teotlu]

Сергей Протько: спасибо, я тоже на досуге подробнее посмотрю, что это такое :)

Answer 2

[Денис Инешин]

Вот парочка сравнений:
habrahabr.ru/post/229559
blog.htc-cs.ru/post/nativevsframeworks

Answer 3

[Сергей Протько]

phonegap apache cordova, Ionic...

apache cordova === adobe phonegap. Читать википедию.

ionic - UI-фреймворк с возможностью юзать просто как либо, либо, что обычно удобнее, вместе с angularjs. Если хочется сделать быстренько и нет своего дизайна - обычно выгодно его использовать. В некоторых ситуациях с кастомным дизайном не шибко дружит.

Answer 4

[smanioso]

Рекомендую отказаться от идеи чистого HTML5 вот этого:
- https://facebook.github.io/react-native/
- https://www.nativescript.org

Comments

[Сергей Протько]

react-native сырой проект и не имеет никакого смысла. Это как xamarin - если ты .net-чик то ты можешь писать под ios/android, но тебе всеравно надо знать специфику UI-фреймворков ios/android. Хотя штука забавная, ничего не скажу.

[smanioso]

Сергей Протько: это все равно лучше, чем HTML5. Вдобавок HTML5 не избавляет от необходимости знать специфику платформы, а иногда и отлаживать обертки вокруг нативных компонент.

[Сергей Протько]

smanioso: ну вот честно, за два года я не так уж и часто дебажил нэйтив, специфика платформы - имеете в виду специфика webview? это совсем другие вещи. + с android теперь все неплохо (crosswalk) а в iOS8 вменяемое webview...

Словом, для каждой задачи свой инструмент. Если у нас куча бизнес логики и простой UI то HTML5 более чем нормально.