SignalR - Code, not toothpaste - UGIALT.NET

JANUARY 23, 2012 | SLIDE 1

www.realdolmen.com USING SIGNALR FOR REALTIME CLIENT/SERVER COMMUNICATIONJANUARY 23, 2012 | SLIDE 2

WHO AM I?  Maarten Balliauw  Antwerp, Belgium  www.realdolmen.com  Focus on web  ASP.NET MVC, PHP, Azure, SignalR, …  MVP Windows Azure (formerly ASP.NET)  Co-founder of AZUG  http://blog.maartenballiauw.be  @maartenballiauwJANUARY 23, 2012 | SLIDE 4

AGENDA  Why real-time & how?  Meet SignalR  Connections and Hubs  Clients  Q&AJANUARY 23, 2012 | SLIDE 5

WHY REAL-TIME & HOW?JANUARY 23, 2012 | SLIDE 6

USERS WANT THE LATEST INFORMATION, NOW!  Twitter – live searches/updates  Stock streamers  Auctions  Live scores  New e-mail  Real-time notifications  Interactive games  Collaborative apps  Analytics of users  …JANUARY 23, 2012 | SLIDE 7

HTTP IS AN OLD BEAST…  Never designed for real-time communications  Web is request-response  Web is stateless  But…  HTML5 WebSockets to the rescue, right?JANUARY 23, 2012 | SLIDE 8

HTML5 WEBSOCKETS  Extension to HTTP  Provide raw sockets over HTTP  Full-duplex  Traverses proxies  It’s still a draft…  Not every proxy server supports it   Not every webserver supports it   Not every browser supports it   They are raw sockets!JANUARY 23, 2012 | SLIDE 9

PERIODIC POLLING Fiddler hootsuite.com  Bottom line:  Poll from time to time using Ajax  Delay in communications due to polling interval  Wastes bandwidth & latency JANUARY 23, 2012 | SLIDE 10

LONG POLLING Fiddler facebook.com  Bottom line:  Poll but don’t respond untill there’s data  Poll again after data received or after the connection times out  Consumes server threads & connection resources JANUARY 23, 2012 | SLIDE 11

WHICH LEAVES US WITH 3 OPTIONS FOR REAL-TIME  Periodic polling  Long polling  HTML5 WebSocketsJANUARY 23, 2012 | SLIDE 12

ARRR! MEET SIGNALRJANUARY 23, 2012 | SLIDE 13

SIGNALR?  Three-in-one!  “Persistent” client/server connection over best transport  Abstracts away the transport  Provides just one programming model  David Fowler and Damian Edwards (two guys on the ASP.NET team)  Not an official Microsoft project (yet?)  OSS project on Github, MIT licensed http://github.com/signalr/signalr  Simple to setup & just works  Depends on C# (not VB.NET), .NET 4+ and jQueryJANUARY 23, 2012 | SLIDE 15

WHERE DO I GET IT? * * where else!JANUARY 23, 2012 | SLIDE 16

HELLO, SIGNALR!JANUARY 23, 2012 | SLIDE 17

WHAT JUST HAPPENED?  The server is broadcasting a message every few seconds  Clients are receiving messages  Code looks easy  No polling or whatsoever (at least in my code)JANUARY 23, 2012 | SLIDE 18

CONNECTIONS AND HUBSJANUARY 23, 2012 | SLIDE 19

TWO CONNECTION MODELS PersistentConnection Hubs  Can communicate with  Can communicate with 1..N clients 1..N clients  Is an IHttpHandler  Abstraction over  Requires a route to be PersistentConnection defined  Route automatically  Limited to sending mapped (/signalr/hubs) messages  Can send messages and  You define the call methods “protocol”  SignalR defines the protocolJANUARY 23, 2012 | SLIDE 20

HELLO, SIGNALR HUBS!JANUARY 23, 2012 | SLIDE 21

HUBS  Hub methods can be called from client  Client methods can be called from hub  Target individual client  Target all clients  Target group of clients  http://jabbr.netJANUARY 23, 2012 | SLIDE 22

CLIENTSJANUARY 23, 2012 | SLIDE 23

SO FAR WE’VE USED…  On the server side:  Host in any ASP.NET application (SignalR.Server)  On the client side:  JavaScript (SignalR.JS)  But there’s more…JANUARY 23, 2012 | SLIDE 24

DECKCASTJANUARY 23, 2012 | SLIDE 25

THAT’S A LOT MORE!  On the server side:  Host in any ASP.NET application (SignalR.Server)  Use “SelfHost” https://github.com/SignalR/SignalR/tree/master/SignalR.SelfHost  On the client side:  JavaScript (SignalR.JS)  Any .NET client (SignalR.Client)  Any WP7 device (SignalR.Client.WP7)  iOS  Android  Is this becoming a replacement for WCF?JANUARY 23, 2012 | SLIDE 26

CONCLUSION  SignalR is three-in-one!  “Persistent” client/server connection over best transport  Abstracts away the transport  Provides just one programming model  Connections & Hubs  Connect various clients  Make the web real-time!JANUARY 23, 2012 | SLIDE 27

RESOURCES  My blog: http://blog.maartenballiauw.be  SignalR on Github: http://github.com/signalr/signalr  SignalR on NuGet: http://www.nuget.org/packages?q=signalr  Websockets: http://github.com/signalr/signalr.websockets  Scale-out on Windows Azure: http://github.com/signalr/signalr.azure  Objective C client: https://github.com/DyKnow/SignalR-ObjC  Android client (using MonoDroid): https://github.com/SignalR/SignalR/pull/127JANUARY 23, 2012 | SLIDE 28

Q&AJANUARY 23, 2012 | SLIDE 29

THANK YOU FOR JOININGJANUARY 23, 2012 | SLIDE 30

http://blog.maartenballiauw.be	4693
http://cartrackr.codeplex.com	1942
http://feeds2.feedburner.com	73
http://jabbr.net	53
http://blogs.realdolmen.com	18
http://jumpincamp.com	6
http://www.blog.maartenballiauw.be	5
http://feeds.feedburner.com	4
http://translate.googleusercontent.com	4
http://vyvojari.seznam.cz	3
http://a0.twimg.com	3
http://fe.com	2
http://www.jumpincamp.com	2
http://gallery.orchardproject.net	1
http://reader.googleusercontent.com	1
http://www.thecodebakery.com	1
http://fanyi.youdao.com	1
http://sam.swidder.com	1
http://cc.bingj.com	1
http://207.46.192.232	1

SignalR - Code, not toothpaste - UGIALT.NET

by Maarten Balliauw

Accessibility

Categories

Upload Details

Usage Rights

20 Embeds 6,815

Statistics

SignalR - Code, not toothpaste - UGIALT.NET Presentation Transcript