Appcelerator Hyperloop: Overview & Architecture

Transcript

1. Overview & Architecture HANS KNÖCHEL | APPCELERATOR hknoechel@appcelerator.com Amsterdam Edition
2. About Me Hans Knoechel 24 years old Studying Software Engineering (Osnabrueck, Germany) Titanium developer since 2011 45+ Apps built with Titanium Mobile iOS-Developer at Appcelerator since July 2015 Member of the Hyperloop working-group
3. Agenda Current Situation Hyperloop Overview Introduction Requirements Functionality Hyperloop Architecture Native Wrapper Metabase CLI Hyperloop Module Development Architecture (CSPEC) Possibilities (Current) Limits Demo
4. Current Situation
5. Current Situation Mobile applications using Titanium Mobile Powerful cross-plaform framework Native modules using Objective-C & Java 2 required environments for module development (Advanced) knowledge in Java/Objective-C required Core API based on Proxy system Limited API coverage Possible delay after native OS releases because of missing wrappers
6. Current Situation
7. Hyperloop Overview
8. Hyperloop Overview - Introduction Use native APIs in JavaScript No Objective-C (iOS) / Java (Android) required No proxy backend programming required Combine Titanium Mobile and Hyperloop Add a native view to a Ti.UI.* view (and vice versa) Use 3rd-Party libraries including CocoaPods (iOS) Improved dependency management Extend with Objective-C and Swift source 3rd-Party libraries on Android using AAR‘s and JAR‘s
9. Hyperloop Overview - Requirements Project requirements Titanium Mobile SDK 5.2.0+ Hyperloop 1.x module & plugin <run-on-main-thread> enabled <use-jscore-framework> enabled Other requirements iOS: 9.x SDK (or later) Android: API level 23 (or later) JavaScript knowledge
10. Hyperloop Overview - Functionality +
11. Hyperloop Overview - Functionality - iOS Views
12. Hyperloop Overview - Functionality - iOS Methods & Properties
13. Hyperloop Overview - Functionality - iOS Delegates
14. Hyperloop Overview - Functionality - iOS Delegates
15. Hyperloop Overview - Functionality - iOS Constants, Enumerations & Functions
16. Hyperloop Overview - Functionality - iOS Blocks
17. Hyperloop Overview - Functionality - iOS Own classes
18. Hyperloop Overview - Functionality - iOS Third-Party-Libraries (CocoaPods)
19. Hyperloop Overview - Functionality - iOS Third-Party-Libraries (CocoaPods)
20. Hyperloop Overview - Functionality - iOS Titanium Mobile x Hyperloop iOS
21. Hyperloop Overview - Functionality - iOS XIBs
22. Hyperloop Overview - Functionality +
23. Hyperloop Overview - Functionality - Android Classes
24. Hyperloop Overview - Functionality - Android Interfaces
25. Hyperloop Overview - Functionality - Android Interfaces
26. Hyperloop Overview - Functionality - Android Methods & Fields
27. Hyperloop Overview - Functionality - Android Own classes
28. Hyperloop Overview - Functionality - Android Own classes
29. Hyperloop Overview - Functionality - Android Third-Party-Libraries (JAR‘s/AAR‘s)
30. Hyperloop Overview - Functionality - Android Titanium Mobile x Hyperloop Android
31. Hyperloop Architecture
32. Hyperloop Architecture – Native Wrapper Native Titanium Mobile module Handle Objective-C / Java objects Manage new/existing contexts Receive wrapper (using the memory address) Map data types Protect current Hyperloop context from GC Unit testing
33. Hyperloop Architecture – Metabase Used for Hyperloop iOS & Android Parse native classes Compute native classes, properties etc. in AST Generate JS objects to be called from the frontend Also used to parse 3rd-Party libraries CocoaPods, local libraries
34. Hyperloop Architecture – CLI Validate Hyperloop requirements Generate metabase Look for local resoures (Libraries, XIB‘s, etc.) Compile resources Inject in Xcode project Hook into titanium build system
35. Hyperloop Architecture – Metabase
36. Hyperloop Module Development
37. Hyperloop Module Development - Possibilities Extend existing Titanium apps without modification Extend the Titanium Mobile SDK without proxies Cross-platform without multiple native projects Write CommonJS modules to expose a public API Use drop-in native libraries CocoaPods (iOS) AAR‘s, JAR‘s (Android)
38. Hyperloop Module Development - Architecture Hyperloop CSPEC on GitHub (http://is.gd/Z7OccS) New configuration file (very similar to appc.js) Versioning platform-based Module ID, author, guid, etc. New module project structure Combining multiple module projects in one
39. Hyperloop Module Development - Architecture
40. Hyperloop Module Development - Limits Still need to know about the iOS/Android frameworks CocoaTouch API Android API Currently: Import of Hyperloop in Titanium Mobile project required to use Hyperloop modules Open issue with embedded local third-party libraries on iOS You found a bug? File a JIRA-ticket! J
41. Hyperloop Demo
42. Thanks for your kind attention!