HTML5 in WPF-Anwendungen Interoperabilität zwischen heute und morgen

Transcript

1. Ingo Rammer| thinktecture HTML5 in WPF-Anwendungen Interoperabilität zwischen heute und morgen think mobile!
2. Ingo Rammer •  Gründer und technischer Consultant bei thinktecture •  Mein Fokus –  Unterstützung von Entwickler von verteilten, mobile Business-Anwendungen –  HTML5/JavaScript auf Windows, iOS, Android –  Interoperabilität von HTML5 mit nativem Code auf allen Plattformen @ingorammer ingo.rammer@thinktecture.com http://www.thinktecture.com Demos: https://github.com/ingorammer/talk-Html5AndWpf Slides: https://speakerdeck.com/ingorammer think mobile!
3. Alles war so schön … 3
4. .NET, Windows Forms, WPF, Silverlight 4
5. Multi-Plattform Mobile 5
6. Windows Classic Windows 8 iOS Android Windows Phone 8 Web 6
7. Meine Einschätzung Es führt kein Weg an HTML & JavaScript vorbei (5-10 Jahre) Alternative: sechs unterschiedliche Apps! 7
8. ABER: Wie kommen wir dort hin? 8
9. Mögliche Architekturen 9
10. 10 iOS GUI Android GUI WPF XAML Windows 8 XAML HTML HTML Services ObjC Java C# C#, JavaScript Java Script
11. 11 Services iOS GUI Android GUI WPF XAML Windows 8 XAML HTML HTML JavaScript Business Code Plattform-Code Plattform-Code Plattform-Code Plattform-Code Plattform-Code C# JavaScript Validierung
12. 12 Services iOS Wrapper Android Wrapper WPF Wrapper Windows 8 Wrapper Web Wrapper JavaScript Business Code HTML C# JavaScript Validierung
13. •  Entwicklung von neuen Features auf Basis HTML5 und/oder JavaScript •  Einbettung in vorhandene Applikationen •  Vorbereitung für spätere Cross-Plattform- Umgebungen 13
14. JavaScript in WPF •  RemObjectsScript –  100% managed, leider teilweise instabil •  Google V8 – mit ClearScript-Wrapper –  JA!!! 14
15. ClearScript 15
16. ClearScript •  Wrapper für Microsoft JScript *und* Google V8 •  engine.AddHostObject() •  Events, Bidirektional, … •  Debuggen –  JScript: Visual Studio –  V8: Eclipse + JavaScript debugging tools 16
17. Building ClearScript •  Standardmässig Download ohne V8 (nur JScript/VBScript) •  Für V8: –  Subversion installieren (zB SlikSVN) –  V8Update.bat –  2GB Disk Space! J •  Deployment –  Managed und Unmanaged! 17
18. HTML in WPF •  Web Browser Control –  Nachteil: hängt vom installierten Browser ab •  CefSharp –  Chromium Embedded, free •  Awesomium –  WebKit, kommerziell 18
19. CefSharp •  https://github.com/cefsharp/CefSharp •  Developer Tools! •  view.RequestHandler = … •  view.RegisterJsObject("name", …); 19
20. Dateigrößen •  Google V8 –  X86: 3 MB –  X64: 4 MB –  ClearScript: 2 MB •  CEF/Chromium Embedded –  Main: 24 MB –  Internationalization: 10 MB –  Dev Tools (optional): 3 MB –  CefSharp: 0,5 MB 20
21. Entwicklung •  CefSharp und Debugging Tools –  Debugger, Tooling, … 21
22. Weitere Möglichkeiten •  HTML5 + JS sind „nur strings“ –  Können zB aus einer Datenbank geladen werden (statt klassischem Deployment) –  Auch bei iOS/Android möglich! Ohne AppStore- Prüfung, solange sich das ganze im Rahmen hält. 22
23. Demos: https://github.com/ingorammer/talk-Html5AndWpf Slides: https://speakerdeck.com/ingorammer @ingorammer ingo.rammer@thinktecture.com http://www.thinktecture.com