Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Leben eingehaucht: Real-Time-Anwendungen mit Si...

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!"

Avatar for Thomas Hilzendegen

Thomas Hilzendegen

July 01, 2014
Tweet

More Decks by Thomas Hilzendegen

Other Decks in Programming

Transcript

  1. 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
  2. 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
  3. 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
  4. 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)
  5. 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