1. Push-Benachrichtigungen
via SignalR
Christian Heindel
@c_heindel
Unternehmenslösungen für Internet, Intranet, Desktop und mobile Geräte
Mein aktueller Fokus: HTML5, SharePoint 2010, mobile Anwendungen,
Kommunikation und Zusammenarbeit
Dresden, Sachsen · http://www.christian-heindel.de

2. Asynchrone Webanwendungen
3 Praxisbeispiele
• Preisaktualisierungen in Echtzeit,
z.B. bei Flugtickets
• Neue Kommentare einblenden,
noch während der Anwender liest
• Dashboards an Leinwänden und
Monitoren in Echtzeit aktualisieren

3. Verschiedene Ansätze
• Client pull
– F5, Strg+F5, ganz fest auf Cache löschen+F5
– Polling: AJAX Request alle 60 Sekunden? Alle
5 Sekunden?
• Server push
– WebSocket-Verbindung
– Long polling: Früher z.B. als iFrame Hack

4. SignalR
Async signaling library for .NET to help build
real-time, multi-user interactive web
applications.
To install SignalR, run the following
command in the Package Manager Console
PM> Install-Package SignalR

5. Code-Beispiel: SignalR, Server

6. Code-Beispiel: SignalR, Proxy

7. Code-Beispiel: SignalR, Event
SharePoint Event Receiver
Aufbereiten der Push-Nachricht
Nachricht senden

8. Code-Beispiel: SignalR, Client

9. knockout.js
Simplify dynamic JavaScript UIs by applying
the Model-View-View Model (MVVM) pattern
Declarative Bindings Automatic UI Refresh Dependency Tracking Templating
Easily associate DOM When your data model's Implicitly set up chains of Quickly generate
elements with model data state changes, your UI relationships between sophisticated, nested UIs
using a concise, readable updates automatically model data, to transform as a function of your model
syntax and combine it data

10. Code-Beispiel: knockout.js
JavaScript laden:
DataBinding im HTML:
ViewModel definieren:
Anfangen zu lauschen:
Werte aktualisieren:

11. DEMO

12. Aktuelle Schwachpunkte
• Umständliches Deployment
– NuGet Package ist veraltet
– deshalb manuell von GIT aktualisieren
• CORS (cross site scripting)
– wird in unterschiedlichen Browsern
unterschiedlich gut behandelt ;-)
• Proxy notwendig
– SignalR benötigt .NET 4.0 Framework
– SharePoint benötigt .NET 2.0/3.5

13. Quelle
Matt Menezes
Harnessing SignalR in SharePoint
http://spmatt.wordpress.com/2012/04/12/harnessing-signalr-in-sharepoint/

14. Fragen?
Christian Heindel
@c_heindel
Unternehmenslösungen für Internet, Intranet, Desktop und mobile Geräte
Mein aktueller Fokus: HTML5, SharePoint 2010, mobile
Anwendungen, Kommunikation und Zusammenarbeit
Dresden, Sachsen · http://www.christian-heindel.de