1. SignalR: Add real-time to your
applications
by Eugene Zharkov

2. Why to use SignalR?
https://github.com/SignalR/SignalR
2

3. Transports
• WebSockets (the only true full-duplex)
• Server Sent Events
• Forever Frame
• Long polling

4. WebSockets
• html5 feature
• works on top of TCP protocol
• full-duplex
• low latency, low overhead
• you need >IE10 and IIS8
• not all browsers / servers/ proxies support it

5. Server Sent Events
• requires a single connection between client-server
• uses JS API EventSource through which client can request a particular
URL to receive data stream
• no need to reconnect
• works in server-2-client direction only

6. Forever Frames
• only for IE
• hidden iframes are in the load loop with chunks of data
6

7. Long Polling
• high overhead on requests/response (headers etc.)
• medium latency
7

8. Transports
8

9. Clients
• iOS (SignalR-ObjC)
• Android (SignalA)
• Windows RT / Phone
• jQuery, Backbone
• Mono
• QT (SignalR-QT)
9

10. Requirements
• Windows Server 2008 R2/2012, Windows 7/8
• IIS 8. IIS 7 and 7.5. Support for extensionless URLs is required.
• >= .NET 3.5, WinRT, Silverlight
10

11. Does NOT support IE 6/7
11

12. Persistent Connection
• the raw connection
• IHTTP handler (OnConnection, OnDisconnection, OnReconnection)
• custom logic must be implemented
12

13. Hub
• high-level API on top of Persistent Connection
• route automatically mapped
• clients can be divided by groups
13

14. Add to project
14

15. New References and Scripts
15

16. Hub registration : C#
public class MvcApplication : System.Web.HttpApplication
{
protected void Application_Start()
{
RouteTable.Routes.MapHubs();
AreaRegistration.RegisterAllAreas();
WebApiConfig.Register(GlobalConfiguration.Configurat
FilterConfig.RegisterGlobalFilters(GlobalFilters.Fil
01.
02.
03.
04.
05.
06.
07.
08.
16

17. Hub object | C#
public class Documents : Hub
{
public void Send(string documentName)
{
Clients.All.addMessage(documentName);
}
}
01.
02.
03.
04.
05.
06.
07.
17

18. Subscribe to Hub messages | JS
var documentHub = $.connection.documents;
documentHub.client.addMessage = function (documentName) {
$("#documents").append("<li>" + documentName + "</li>");
};
01.
02.
03.
04.
18

19. Hub object | JS
$.connection.hub.logging = true;
$.connection.hub.start().done(function () {
$("#addDocument").click(function () {
documentHub.server.send($("#document").val());
});
});
01.
02.
03.
04.
05.
06.
19

20. Working with Hub | WinRT
var connection = new HubConnection("http://localhost:59576");
var hub = connection.CreateHubProxy("documents");
hub.On("addMessage", message =>
Dispatcher.RunAsync(CoreDispatcherPriority.Normal,() =>
{
DocumentsCounter.Text = (++_newDocuments).ToString();
}));
01.
02.
03.
04.
05.
06.
07.
20

21. Working with Hub | Android (SignalA)
HubConnection con = new HubConnection("http://localhost:59576
this, new LongPollingTransport())
IHubProxy hub = con.CreateHubProxy("documents");
hub.On("addMessage", new HubOnDataCallback() {
@Override
public void OnReceived(.. args) {
{ //... }});
con.Start();
01.
02.
03.
04.
05.
06.
07.
21

22. That's all folks
• @2j2e
• eu.zharkov@gmail.com
• http://bit.ly/signalr0
22