Leben eingehaucht: Real-Time-Anwendungen mit SignalR und AngularJS

Aktives und nahezu in Echtzeit ausgeführtes Pushen von Daten vom Server in beliebige Clients und Devices hinein ist wirklich realisierbar. Die Referenten zeigen anhand des Open-Source-Frameworks SignalR, wie man serverseitige .NET-Anwendungen erweitert, um in JavaScript-Clients (Browser oder nativ) aktiv hineinzurufen. Sehen Sie die architekturellen Grundmuster, die technischen Details über HTTP und Web Sockets sowie Showcases auf Basis von AngularJS in Gestalt von Geschäftsanwendungen und Live-Dashboards. Gemäß dem Motto: "Und es bewegt sich doch!"

Transcript

1. Leben eingehaucht Real-Time-Anwendungen mit SignalR und AngularJS Thomas Hilzendegen, Christian Weyer think mobile!
2. Interaktive & Demo-lastige Session • Business Anwendung (Kassen-System) – SignalR Backend in IIS – AngularJS Client Webs in node.js https://github.com/thinktecture/AngularJSSignalRBusinessApp • Technische Monitoring Anwendung (Performance Counters) – SignalR Push Service in Self-Host Windows EXE – AngularJS Client Web über Self-Host https://github.com/thinktecture/AngularJSSignalRDashboard 2
3. Wer ist wer? 3 thomas.hilzendegen@thinktecture.com @HilzendegenT christian.weyer@thinktecture.com @christianweyer http://www.thinktecture.com
4. Um was geht‘s? • Lebendige Anwendungen – Bereitstellung von Daten & Änderungen wenn sie passieren • (Near) Real-Time-Kommunikation – Server-zu-Clients – Server-zu-Server • Server auf Basis von .NET • Cross-Plattform Clients mit AngularJS • Push von Daten auf der Anwendungsebene – Kein Plattform-Push (a la Push Notification Services) 4
5. Szenarien & Use Cases • Technisches Monitoring • Server-zu-Server Push • Real-Time Datenbewegungen in Geschäftsanwendungen Alles wo man Daten nah der Quelle an ein oder mehrere Ziele proaktiv transportieren muss • Immer Server- und Client-Komponente 5
6. HERAUSFORDERUNG BI-DIREKTIONALE DATENKOMMUNIKATION 6
7. Push Services Pattern • Service-Gedanke – Eingehende Verbindungen von Aufrufern (für Registrierung) – Service kann in Aufrufer hinein pushen – Abstraktion der technischen Protokolldetails • Verteiltes Observer Pattern 7 Push Service Aufrufer/ Kosument Verbindung herstellen (Subscribe) Externes Event (Datenbank) Externes Event (Message Queue) Externes Event (Anderer Aktor) Benachrichtigung[Daten] (Publish)
8. ASP.NET SIGNALR 8
9. SIGNALR ARCHITEKTUR 9
10. SIGNALR HUBS 10
11. SIGNALR HOSTING 11
12. SIGNALR CLIENT LIBS 12
13. HERAUSFORDERUNG CROSS-PLATTFORM CLIENT- ANWENDUNGEN 13
14. ANGULARJS 14
15. ANGULARJS KONZEPTE 15
16. ANGULARJS DATA BINDING 16
17. ANGULARJS CONTROLLERS 17
18. ANGULARJS SERVICES 18
19. ANGULARJS & SIGNALR 19
20. HERAUSFORDERUNG CLIENTS JENSEITS DES BROWSERS 20
21. CORDOVA & CO. 21
22. CORDOVA / PHONEGAP 22
23. NODE-WEBKIT 23
24. Ressourcen • Demos – https://github.com/thinktecture/AngularJSSignalRBusinessApp – https://github.com/thinktecture/AngularJSSignalRDashboard • ASP.NET SignalR – http://www.asp.net/signalr • AngularJS – https://angularjs.org/ • ng-min – https://github.com/btford/ngmin-dynamic • Cordova – http://cordova.apache.org/ • node-webkit – https://github.com/rogerwang/node-webkit 24