В настоящее время существуют три подхода к мобильной разработке: 1. Native, 2. Hybrid, 3. Cross-platform. У каждого из них есть свои плюсы и недостатки, поэтому в ситуации, когда есть возможность выбора или есть возможность оказать влияние на выбор заказчика проекта, необходим аргументированный подход. В докладе будут рассмотрены основные решения, представленные на рынке в настоящее время (в т.ч. Xamarin 4 и ReactNative), а также даны рекомендации по выбору оптимального подхода в зависимости от особенностей проекта. Автор доклада: Виктор Котов — iOS разработчик, компания Аркадия. В ИТ-индустрии более 20 лет, начинал с разработки специализированной САПР, работал менеджером проектов, последние пять лет занимается мобильной разработкой (бизнес-приложения, social networking).

1. Mobile: Native / Hybrid /
Cross-Platform
Виктор Котов, Аркадия

2. Виктор Котов
20+ лет в ИТ
5+ лет в мобильной
разработке (iOS)
victor.kotov@arcadia.spb.ru
2
Немного о себе

3. Аркадия / Мобильная разработка
• Разработка iOS приложений с 2009, около 20 проектов
• Разработка Android приложений с 2011, около 10 проектов
• Cross-platform (hybrid) разработка с 2012, около 5 проектов
3
http://www.softwarecountry.com/our-experience/

4. Мобильная разработка сегодня
4

5. Мобильная разработка / Native
• Аппаратные требования: компьютер с Mac OS X
• Языки программирования: Objective-C, Swift
5
iOS

6. • AppStore $99 в год
• Физические лица
• Организации (D-U-N-S Number required)
• Enterprise $299 в год
• Volume Purchase Program for Business
• VPP Store
• Доступно не во всех странах*
6
iOS
* https://deploy.apple.com/qforms/open/register/country/avs
Мобильная разработка / Native

7. • Аппаратные требования : компьютер с любой
современной ОС
• Язык программирования: Java
7
Android
Мобильная разработка / Native

8. • Google Play Store $25 в год
• Google Apps for Work от $5 за один аккаунт в месяц
• Google Play for Work Store
• Enterprise Mobility Management via Google Partners*
8
Android
* https://www.google.com/work/android/partners/index.html?activeTab=emm
Мобильная разработка / Native

9. Мобильная разработка / Альтернативы
9
PhoneGap
Ionic Sencha
Touch AppGyver
React Native
Xamarin

10. . / Альтернативы / Примеры
10

11. Native Android UI
11

12. 12
Xamarin

13. http://phonegap.com/
13
Pros:
o Один код для всех платформ (iOS, Android, Windows Phone,
Blackberry, mobile web)
o Cloud Build Service https://build.phonegap.com/
o Поддержка плагинов
Cons:
o “Из коробки” слабая поддержка Native UI & transitions
o Отдельный CSS для каждой платформы
o WebView не гарантирует одинаковый результат
o Недостаточно документации
. / Альтернативы / PhoneGap

14. 14
Pros:
o Дополнительно при помощи CefSharp получили приложение
Windows 7+
o ngTouch или FastClick помогли избавиться от лагов
Cons:
o Многие плагины не поддерживаются разработчиками, баги
пришлось исправлять самостоятельно (Obj-C & Java код)
o Проблема с текстовым полем – пришлось добавлять нативный
код/интерфейс
. / Альтернативы / PhoneGap / Аркадия

15. http://xamarin.com/
15
Pros:
o Xamarin Test Cloud http://xamarin.com/test-cloud
o Xamarin Insights http://xamarin.com/insights
o Xamarin.Form 2.0
o Native libs&SDKs via Objective Sharpie
o Xamarin Inspector
o UITest 1.0 C# framework for UI tests + Test Recorder
Commercial licenses ($1000 per developer per
platform per year).
Free Starter Licenses - with poor functionality.
. / Альтернативы / Xamarin

16. 16
. / Альтернативы / Xamarin

17. 17
. / Альтернативы / Xamarin / Inspector

18. 18
Cons:
o Дополнительные ограничения для UI
o Утечки памяти
o Дополнительные компоненты и библиотеки распространяются
в виде DLL https://components.xamarin.com/
o Debug exceptions малоинформативны
o XAML (Xamarin.Forms UI) редактируются только в текстовом
виде
. / Альтернативы / Xamarin

19. https://facebook.github.io/react-native/
http://www.reactnative.com
19
Pros:
o iOS&Android приложения на JavaScript
o Native UI & UX
o Возможность обновления приложения без ревью
Cons:
o Имеет зависимость от других инструментов
o Debugging issue https://github.com/facebook/react-
devtools/issues/229
o Пока недостаточно ресурсов (книг/документации)
o Юридические аспекты требуют внимания
. / Альтернативы / React Native

20. 20
. / Альтернативы / React Native
Javascript-Native
Bridge
Javascript
Engine
Application
Code (JS) and
Resources
React Native Obj-C
Native UI
Application Obj-C

21. 21
. / Альтернативы / React Native
Native App
React Native lib
Javascript Engine
React JS
RN JS lib
JS

22. Что же выбрать?
22
Native Xamarin Web Apps Hybrid
Should work offline    
Native apps development background   
Simple UI/Functionality    
Heavily customized UI / gestures   
Has to be fast prototyped for few
platforms
  
Has website as fully functional
alternative
 
Going to use platform specific
features
   
Has to be fast and responsive. UX at
the first place.
   
Has to be secure    
Knowledge base, Developers
Communities
   
Cost for few platforms    

23. Ссылки
23
o http://mashable.com/2015/01/02/mobile-trends-2015/ Mobile trends 2015
o https://www.icsalabs.com/blogs/will-promise-hybrid-mobile-apps-outweigh-new-security-concerns
http://mostconf.org/2014/papers/s3p5.pdf Code Injection Attacks on HTML5-based Mobile Apps
o http://hackingthroughcomplexity.nl/tag/hybrid-apps/ The other, darker side of hybrid apps
o https://developer.salesforce.com/page/Native,_HTML5,_or_Hybrid:_Understanding_Your_Mobile_Ap
plication_Development_Options
o http://developer.xamarin.com/guides/cross-platform/xamarin-forms/creating-mobile-apps-
xamarin-forms/
o Презентация Xamarin 4 https://goto.webcasts.com/viewer/event.jsp?ei=1084533
o https://developer.xamarin.com/guides/ios/advanced_topics/binding_objective-c/objective_sharpie/
o React Native https://github.com/facebook/react-native
o React Native sandbox https://rnplay.org/
o http://www.slideshare.net/Polidea/react-native-building-native-ios-apps-with-javascript?related=1
o https://github.com/jondot/awesome-react-native