Working With SignalR 2

Introduction

SignalR is a technology used to create real-time functionality to applications. The term real-time is the ability to get the content to the clients instantly from the server. It doesn’t wait for the client to request the data. This can add any kind of ‘real-time’ web functionality to your ASP.NET application. You can perform any kind of operations related to real-time functionality, here we are using a discussion page where users are connecting just for any discussion.

The application requiring this functionality can use the functionality of SignalR to add the real-time behavior to the app. It doesn’t need the page to be refreshed for any new data or any Ajax call to get the updated data to display just by calling the service internally. This is a very simple and lightweight technique to update the client for any new pushed data.

You can use the real-time behavior for gaming applications, kiosk machines, and any embedded system. This provides a simple API for creating a server to client RPC that calls the Javascript function in a client-side browser from the server. All the management for connection maintenance, and disconnecting from apps is done by SignalR API.

Prerequisite

1. Programming of C#.
2. Knowledge of JavaScript and Jquery.

Implementation

1. Open Visual Studio.
2. Create a new project.
3. Enter the project name and select location.
   
   
   
   
   
4. Select Empty from templates.
   
   
   
   
   
5. Add SignalR to your project

Goto Tools - Library Package Manager - Package Manager Console.

Run the below command.

install-package Microsoft.AspNet.SignalR

If you have added the SignalR from the console, then create the SignalR hub class as separate after you add SignalR.

Add the signalR hub class ChatHub.cs and replace the content as below,

SignalR Hubs

The Hub class is used to build the SignalR application.

The Send method of ChatHub class demonstrates several hub concepts :

• We can declarea public method which is being called by the client.
• We use Microsoft.AspNet.SignalR.Hub.Clients dynamic property to access all clients connected to this hub.
• Call a function on the client (such as the broadcastMessagefunction) to push any update to the connected client.
  
  Add the StartUp.cs class and add the below content,
  
  1. using Microsoft.Owin;
  2. using Owin;
  3. [assembly: OwinStartup(typeof(SignalRChat.Startup))]
  4. namespace SignalRChat
  5. {
  6. public class Startup
  7. {
  8. public void Configuration(IAppBuilder app)
  9. {
  10. // Any connection or hub wire up and configuration should go here
  11. app.MapSignalR();
  12. }
  13. }
  14. }