phonegap для мобильного разработчика - глубокое...

PhoneGapдля мобильного разработчика - глубокое погружение без ОЗК

Юрий Крутилинtwitter: @yurykrutilinemail: y.krutilin@gmail.comskype: krutilin

PhoneGap (Cordova)

Pure HTML 5 приложение, как бы его в сторы добавить?

Nitobi Software Team

Dave Jonson Andre Charland James Douma

● 2009 разработали Nitobi показали на Apple Event и назвали PhoneGap

● 2011 Октябрь, Adobe покупает Nitobi

● 2013 Adobe отдаёт Phonegap в Apache foundation в виде Apache Cordova (тут

нужно понимать, что PhoneGap это только одна из реализаций cordova, об

этом будет следующий слайд. Вот такой вот спойлер.)

● 2014 К версии 3.0 происходит глубокий рефакторинг структуры PhoneGap\

Cordova. Появляется работоспособный механизм плугинов. Поддержка npm и

cli.

Страничка истории PhoneGap

Cordovahttp://projects.apache.org/projects/cordova.htmlhttp://cordova.apache.org/#download

PhoneGaphttp://phonegap.com/

appMobi http://appmobi.com/Convertigo http://www.convertigo.com/AppBuilder http://www.telerik.com/appbuilder1ViziApps http://www.viziapps.com/IBM Worklight http://www-03.ibm.com/software/products/ru/worklight-foundation

Определимся в терминах.Основные отличия реализаций от Cordova в дополнительном саппорте, облаках и прочих не всегда понятных плюшках.

Что внутри?

● http://plugins.cordova.io● Cordova CLI

< 3.0Кроссплатформенная разработка различными IDE. Каждое нужно аккуратно развернуть, и привыкнуть.Пока это сделаешь, твёрдо понимаешь, что сдедующий проект. Только нативно. Только хардкор.

java и c++objective C и c++или Swift

c# или JS

+ Ваше любимое IDE для JS

Кодить JS в Xcode нереально. В Eclipse непревычно. В студии, ну ок...

> 3.0Стало удобнее. npm, cli, phonegap developer app.

1. $ sudo npm install -g cordova2. $ cordova create hello com.example.hello HelloWorld3. $ cd hello4. $ cordova platform add ios5. $ cordova platform add amazon-fireos6. $ cordova platform add android7. $ cordova platform add blackberry108. $ cordova platform add firefoxos9. $ cordova plugin search bar code

com.phonegap.plugins.barcodescanner - Scans Barcodes10. $ cordova plugin add com.phonegap.plugins.barcodescanner11. $ cordova plugin add https://github.com/apache/cordova-plugin-

console.git#r0.2.012. $ cordova build13. $ cordova emulate android14. $ cordova run android

При этом, доступен хардкор, для страждущих. В остальном, программирование конифгами.

cordova project

Текущая версия 4.0

https://build.phonegap.com/plugins

plugin.xml

Но это можно только в phoneGap реализации. В кордове нужно поднять свой сервачок.

У PhoneGap developer app есть классные тесты для нативной части плугинов.

Ещё есть энтерпрайз.

PhoneGap Build

Немножко про сервис билдёжки приложений, как часть инфраструктуры PhoneGap

https://github.com/phonegap/phonegap-start/blob/master/www/config.xml

config.xml

Загрузили zip с конфигом. Получили приложение. Но есть некоторые ограничения.

Кордова … такая кордова.Хм. А давайте в этом релизе отломаем ajax в WinPhone!

https://issues.apache.org/jira/browse/CB/

Браузеры...

… такие браузеры. Список в 500 элементов убивает сафари.

мы ведём неравный бой…

Но, Ipad должен умереть!http://169.254.80.80/mwBug/

И да. Забудьте про проекты с большим количеством контента под планшены на PhoneGap. Это боль.

“Кроссплатформенно”

Довольно дешего и быстро

Единая Сodebase

Быстрой переход web - mobile

но…

Проблемы производительности

Проблемы недостатка памяти

Лаги отрисовки

Потеря событий

Покодим.

Покодить в субботу, в выходной, утром. Бесценно.

Спасибо!

Юрий Крутилинtwitter: @yurykrutilinemail: y.krutilin@gmail.comskype: krutilin