ASP.NET SignalR is an async signaling library for .NET to help build real-time, multi-user interactive web applications. In this article we will see how to create a basic application using ASP.NET SignalR.
IntroductionASP.NET SignalR is an async signaling library for .NET to help build real-time, multi-user interactive web applications. In this article we will see, how do create a basic application using ASP.NET SignalR.Previously SignalR was a standalone entity, now it's integrated as part of ASP.NET framework. You can check the following fall update.http://www.microsoft.com/en-us/download/details.aspx?id=35493ProcedureWe can check the following documentation to understand the basics about SignalR.https://github.com/SignalR/SignalR/wikiWe will create a simple application that the user can drag and drop the Div/Box and the same position of the box will be updated to all clients. First we need to add a reference for the SignalR dlls; we can use the Nuget package also to add the references.http://nuget.org/packages/microsoft.aspnet.signalr
The same Nuget Package can also install the required JavaScript files and we added the "Jquery.UI" plug-in for the demo application.
We will create a simple "Hub" to broadcast the required actions (method) from the server as explained below. Please note that we need to add the "Microsoft.AspNet.SignalR.Hubs" namespace and the application namespace should be unique across the application files.
We will prepare the client, just added a HTML page and the following JavaScript references and div tag.
We don't have the manual reference for "signalR/hubs" js, it'll automatically be created at runtime and does the all magic. We'll add the following JavaScript to complete our functionalities.
In the preceding script we have three parts:
That's all, now we will see the result in action, if we drag the box in one browser and it's automatically updated in other clients.
SummaryASP.NET SignalR is a new library for ASP.NET developers that make it incredibly simple to add real-time web functionality to your applications. What is "real-time web" functionality? It's the ability to have your server-side code push content to the connected clients as it happens, in real-time.
ASP.NET GridView Control Pocket Guide