Developing real time web apps with signalR - js-il.com

Israel JavaScript Conference | 03 – 6325707 | [email protected] | www.js-il.com |

Developing “Real-Time” Web Applications

with SignalR

Israel JavaScript Conference

Yaniv [email protected]://www.UpStruct.net

mailto:[email protected]

http://www.js-il.com/


http://www.upstruct.net/



Israel JavaScript Conference


Hello.







Agenda Introduction to SignalR Real-Time Web Getting Started with SignalR Simplicity Reach Performance Extensibility Security Reference Project




Introduction to SignalR




What is ASP.NET SignalR? ASP.NET SignalR is a library for ASP.NET

developers that simplifies the process of adding real-time web functionality to applications.

Real-time web functionality is the ability to have server code push content to connected clients instantly as it becomes available, rather than having the server wait for a client to request new data.




Who is Behind SignalR? Damian Edwards & David Fowler,

Both from Microsoft, started it as a “Side Project”…

Now officially part of ASP.NET.

Open-Source.




Real-Time Web




Real-Time Web But we know the web, and by that we

mean HTTP, is based on the Request/Reply Paradigm, right?

Response

Request




Real-Time Web Real-Time: Web UI that updates in real-

time

Server Push: Push messages to connect clients

COMET: An umbrella for existing HTTP push techniques

HTTP Streaming: Another name for COMET




HTML 5 Changes The Rules of The Game




Web Socket Protocol Handshake




Getting Started




Get The Bytes Get Visual Studio 2012 Update 2

(VS2012.2)http://www.microsoft.com/en-us/download/details.aspx?id=38188

Download via NuGet

Or, get the Source from GitHubhttps://github.com/SignalR/SignalR

install-package Microsoft.AspNet.SignalR



http://www.microsoft.com/en-us/download/details.aspx?id=38188



https://github.com/SignalR/SignalR

https://github.com/SignalR/SignalR


Stock Ticker Sample




Moving Shape




What is ASP.NET SignalR? Real-Time, persistent connection

abstractionover HTTP for .NET.

Supported Transports/Techniques

- Web Sockets- Server Sent Events (Event Source)- Forever Frame- Ajax Long Polling

3 Pillars – Simplicity, Reach, Performance




Not Just for Chat Dashboards and Monitoring Collaboration of any kind Job Progress Gaming More…




Examples ShootR (Shooting Game)

http://shootr.signalr.net

JabbR (Chat)https://jabbr.net

BromeLard (Collaborative Maps)http://www.bromelard.com

Morehttps://github.com/SignalR/SignalR/wiki/Projects-Using-SignalR



http://shootr.signalr.net/

http://shootr.signalr.net/

https://jabbr.net/

https://jabbr.net/

http://www.bromelard.com/

http://www.bromelard.com/

https://github.com/SignalR/SignalR/wiki/Projects-Using-SignalR

https://github.com/SignalR/SignalR/wiki/Projects-Using-SignalR


Simplicity: Two Level API Connections

- Low Level

Hubs- Built on top of connections- RPC from client-server and server-client- Automatic Proxy generation

Choose the level of abstraction that works for you.




Hubs – An RPC IllusionPublisher (Caller)

Subscriber (Others)

hub.server.moveShape(x, y);

hub.client.shapeMoved = function (x, y) { shape.css({left: x,top: y});}

Hub

[HubMethodName("moveShape")]public void MoveShape(int x, int y){ Clients.Others.shapeMoved(x, y);}




Auto-Generated Proxy<script src="/ signalr/hubs"></script>

HubConfiguration cfg = new HubConfiguration(){ EnableJavaScriptProxies = true};

RouteTable.Routes.MapHubs(“~/signalr”, cfg );




Reach: What about Web Sockets? ASP.NET 4.5 on Windows Server 2012 IE 10 or Latest Chrome, FF, Safari Load Balancer/Reverse Proxy supports it Client Proxy server/NAT supports it Everybody in between supports it You find programming raw sockets is fun You manage scaleout yourself




Reach: What about Web Sockets?

Web Browser Transport Requirements

http://www.asp.net/signalr/overview/getting-started/supported-platforms






Reach: SignalR Works Everywhere Tries Web Sockets, but then fallback to:

- Server Sent Events (Event Source)- Forever Frame- Ajax Long Polling

Powerful API

Holds the connection opened.

Scales-Out




Reach: Not Just Web Clients JavaScript (jQuery) .NET 4.0/4.5 Silverlight 5 Windows Store Apps Windows Phone 8 iOS More coming…




Transports




Performance




Performance: Throughput & Scale On a single Extra Large Windows Azure

Box~500,000 Msg/Sec

On a single Box>100,000 Concurrent Connections

Client Load Generatorhttps://github.com/SignalR/SignalR/wiki/Performance



https://github.com/SignalR/SignalR/wiki/Performance

https://github.com/SignalR/SignalR/wiki/Performance


Performance: Scale-Out

3 Supported Backplanes- Windows Azure Service Bus- Redis (In-Memory Pub/Sub)- SQL Server




Extensibility




Dependency Injection Derive from DefaultDependencyResolver

Found In Microsoft.AspNet.SignalR.

Replace Resolver before initializing the Hub

GlobalHost.DependencyResolver = new SignalRUnityResolver(m_Container);

RouteTable.Routes.MapHubs(cfg );




Hub Pipeline Much like MVC Filters, or HTTP Modules,

You can intercept the Hub Pipeline…public class TraceModule: HubPipelineModule{ protected override void OnAfterConnect(IHub hub) { Debug.WriteLine(hub.Context.ConnectionId); base.OnAfterConnect(hub); }}

GlobalHost.HubPipeline.AddModule( new TraceModule());




Security




How to Handle Security? Implement the Authentication outside

the Hub. For example, in an MVC Controller.

As the Hub is actually running under same HttpContext, any Principal your place in the Pipeline will be available, and thus enforced. [Authorize(Roles = "LiveId")][HubMethodName("chat")]public void Chat(ChatMessage message){}




Reference Project




Mobile Social Online Game




Summary Easy API to get start with.

Supported on Windows Azure VM’s and Cloud Services.

Not limited just to Web Clients.

Real-Time becomes a real thing.




Resources Official Site

http://www.asp.net/signalr

WIKIhttps://github.com/SignalR/SignalR/wiki

JabbRhttps://jabbr.net

ASP.NET SignalR Book (free)http://www.campusmvp.net/signalr-ebook






https://github.com/SignalR/SignalR/wiki

https://jabbr.net/

https://jabbr.net/

http://www.campusmvp.net/signalr-ebook


www.js-il.com

18.6.13





Thanks







Technology

Developing real time web apps with signalR - js-il.com