Signalr C# (Comment ça fonctionne pour les développeurs)

Configuration de votre environnement de développement

Pour commencer, vous aurez besoin de :

• ASP.NET Core SDK
• Visual Studio

Construire le hub SignalR

Au cœur, SignalR tourne autour d'un hub SignalR, un point central pour que le client et le serveur interagissent.

Créez un nouveau projet ASP.NET Core. Ajoutez maintenant une nouvelle classe et nommez-la ChatHub. Cela servira de hub SignalR.

using Microsoft.AspNetCore.SignalR;
using System.Threading.Tasks;

// Define a SignalR Hub class named ChatHub
public class ChatHub : Hub
{
    // Asynchronous method to send messages
    public async Task SendMessage(string user, string message)
    {
        // Send a message to all connected clients
        await Clients.All.SendAsync("ReceiveMessage", user, message);
    }
}

using Microsoft.AspNetCore.SignalR;
using System.Threading.Tasks;

// Define a SignalR Hub class named ChatHub
public class ChatHub : Hub
{
    // Asynchronous method to send messages
    public async Task SendMessage(string user, string message)
    {
        // Send a message to all connected clients
        await Clients.All.SendAsync("ReceiveMessage", user, message);
    }
}

Imports Microsoft.AspNetCore.SignalR
Imports System.Threading.Tasks

' Define a SignalR Hub class named ChatHub
Public Class ChatHub
	Inherits Hub

	' Asynchronous method to send messages
	Public Async Function SendMessage(ByVal user As String, ByVal message As String) As Task
		' Send a message to all connected clients
		Await Clients.All.SendAsync("ReceiveMessage", user, message)
	End Function
End Class

Dans la classe Startup, intégrons notre hub.

public class Startup
{
    // Configure services and add SignalR
    public void ConfigureServices(IServiceCollection services)
    {
        services.AddSignalR(); // Add SignalR services
    }

    // Configure the app to use SignalR and map the hub
    public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
    {
        // Setup endpoint to route to ChatHub
        app.UseEndpoints(endpoints =>
        {
            endpoints.MapHub<ChatHub>("/chatHub");
        });
    }
}

public class Startup
{
    // Configure services and add SignalR
    public void ConfigureServices(IServiceCollection services)
    {
        services.AddSignalR(); // Add SignalR services
    }

    // Configure the app to use SignalR and map the hub
    public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
    {
        // Setup endpoint to route to ChatHub
        app.UseEndpoints(endpoints =>
        {
            endpoints.MapHub<ChatHub>("/chatHub");
        });
    }
}

Public Class Startup
	' Configure services and add SignalR
	Public Sub ConfigureServices(ByVal services As IServiceCollection)
		services.AddSignalR() ' Add SignalR services
	End Sub

	' Configure the app to use SignalR and map the hub
	Public Sub Configure(ByVal app As IApplicationBuilder, ByVal env As IWebHostEnvironment)
		' Setup endpoint to route to ChatHub
		app.UseEndpoints(Sub(endpoints)
			endpoints.MapHub(Of ChatHub)("/chatHub")
		End Sub)
	End Sub
End Class

Utilisation de la bibliothèque cliente SignalR

La bibliothèque cliente SignalR permet à votre code côté client de se connecter et de communiquer directement avec le côté serveur. Pour notre exemple, utilisons JavaScript.

Tout d'abord, ajoutez la bibliothèque cliente JavaScript SignalR :

<script src="https://cdn.jsdelivr.net/npm/@microsoft/signalr@3.1.8/dist/browser/signalr.js"></script>

<script src="https://cdn.jsdelivr.net/npm/@microsoft/signalr@3.1.8/dist/browser/signalr.js"></script>

Vous pouvez maintenant vous connecter au hub :

// Create a connection to the SignalR hub
const connection = new signalR.HubConnectionBuilder()
    .withUrl("/chatHub") // The hub URL
    .build();

// Start the connection
connection.start().catch(err => console.error(err.toString()));

// Setup a listener for receiving messages
connection.on("ReceiveMessage", (user, message) => {
    console.log(`${user} says: ${message}`);
});

// Create a connection to the SignalR hub
const connection = new signalR.HubConnectionBuilder()
    .withUrl("/chatHub") // The hub URL
    .build();

// Start the connection
connection.start().catch(err => console.error(err.toString()));

// Setup a listener for receiving messages
connection.on("ReceiveMessage", (user, message) => {
    console.log(`${user} says: ${message}`);
});

Ce simple code côté client se connecte au hub et écoute tous les messages diffusés.

Envoyer des messages

En utilisant nos extraits de code côté client et côté serveur précédents, l'envoi de messages est simplifié. Le serveur et le client peuvent initier la communication.

Du côté serveur :

// Send a message from the server to all connected clients
await Clients.All.SendAsync("ReceiveMessage", "Server", "Hello from server!");

// Send a message from the server to all connected clients
await Clients.All.SendAsync("ReceiveMessage", "Server", "Hello from server!");

' Send a message from the server to all connected clients
Await Clients.All.SendAsync("ReceiveMessage", "Server", "Hello from server!")

Et du côté client :

// Send a message from the client to the server
connection.send("SendMessage", "Client", "Hello from client!")
    .catch(err => console.error(err.toString()));

// Send a message from the client to the server
connection.send("SendMessage", "Client", "Hello from client!")
    .catch(err => console.error(err.toString()));

Communication avancée en temps réel

ASP.NET Core SignalR offre des fonctionnalités de communication avancées en temps réel :

1. Grouper les connexions : Segmenter les clients connectés en groupes, diffuser des messages à des segments spécifiques.
2. Gérer les déconnexions : Gérer automatiquement les connexions et déconnexions des clients.
3. Protocole binaire : Bien que SignalR utilise par défaut un protocole textuel, il prend également en charge un protocole binaire.

SignalR avec le service Azure SignalR

Pour une fonctionnalité en temps réel évolutive, intégrez le service Azure SignalR. Ce service entièrement géré supporte un grand nombre de connexions simultanées, ce qui le rend idéal pour les applications à forte demande.

Intégrer le service Azure SignalR :

1. Installez le SDK Azure SignalR.
2. Utilisez Azure Service Bus pour le support du backplane.
3. Ajustez la classe Startup pour utiliser Azure SignalR.

public class Startup
{
    public void ConfigureServices(IServiceCollection services)
    {
        // Add Azure SignalR services
        services.AddSignalR().AddAzureSignalR();
    }

    public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
    {
        // Use Azure SignalR and map hub with routes
        app.UseAzureSignalR(routes =>
        {
            routes.MapHub<ChatHub>("/chatHub");
        });
    }
}

public class Startup
{
    public void ConfigureServices(IServiceCollection services)
    {
        // Add Azure SignalR services
        services.AddSignalR().AddAzureSignalR();
    }

    public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
    {
        // Use Azure SignalR and map hub with routes
        app.UseAzureSignalR(routes =>
        {
            routes.MapHub<ChatHub>("/chatHub");
        });
    }
}

Public Class Startup
	Public Sub ConfigureServices(ByVal services As IServiceCollection)
		' Add Azure SignalR services
		services.AddSignalR().AddAzureSignalR()
	End Sub

	Public Sub Configure(ByVal app As IApplicationBuilder, ByVal env As IWebHostEnvironment)
		' Use Azure SignalR and map hub with routes
		app.UseAzureSignalR(Sub(routes)
			routes.MapHub(Of ChatHub)("/chatHub")
		End Sub)
	End Sub
End Class

IronPDF

En savoir plus sur les capacités d'IronPDF vous permet de générer, modifier et lire des fichiers PDF dans vos applications .NET. Imaginez intégrer SignalR dans un scénario où une équipe collabore sur un document en temps réel. Au fur et à mesure que des modifications sont apportées, le document peut être converti en PDF à la volée, avec des mises à jour poussées à tous les clients connectés de manière transparente. La fonctionnalité en temps réel de SignalR associée aux capacités d'IronPDF pourrait révolutionner les outils collaboratifs.

IronPDF convertit le HTML, les URL, et les pages Web complètes en superbes PDFs semblables à l'original. Il est parfait pour sauvegarder des rapports en ligne, des factures, ou toute information basée sur le web que vous souhaitez conserver. Vous cherchez à transformer HTML en PDF ? Essayez IronPDF dès aujourd'hui !

using IronPdf;

class Program
{
    static void Main(string[] args)
    {
        var renderer = new ChromePdfRenderer();

        // 1. Convert HTML String to PDF
        var htmlContent = "<h1>Hello, IronPDF!</h1><p>This is a PDF from an HTML string.</p>";
        var pdfFromHtmlString = renderer.RenderHtmlAsPdf(htmlContent);
        pdfFromHtmlString.SaveAs("HTMLStringToPDF.pdf");

        // 2. Convert HTML File to PDF
        var htmlFilePath = "path_to_your_html_file.html"; // Specify the path to your HTML file
        var pdfFromHtmlFile = renderer.RenderHtmlFileAsPdf(htmlFilePath);
        pdfFromHtmlFile.SaveAs("HTMLFileToPDF.pdf");

        // 3. Convert URL to PDF
        var url = "http://ironpdf.com"; // Specify the URL
        var pdfFromUrl = renderer.RenderUrlAsPdf(url);
        pdfFromUrl.SaveAs("URLToPDF.pdf");
    }
}

using IronPdf;

class Program
{
    static void Main(string[] args)
    {
        var renderer = new ChromePdfRenderer();

        // 1. Convert HTML String to PDF
        var htmlContent = "<h1>Hello, IronPDF!</h1><p>This is a PDF from an HTML string.</p>";
        var pdfFromHtmlString = renderer.RenderHtmlAsPdf(htmlContent);
        pdfFromHtmlString.SaveAs("HTMLStringToPDF.pdf");

        // 2. Convert HTML File to PDF
        var htmlFilePath = "path_to_your_html_file.html"; // Specify the path to your HTML file
        var pdfFromHtmlFile = renderer.RenderHtmlFileAsPdf(htmlFilePath);
        pdfFromHtmlFile.SaveAs("HTMLFileToPDF.pdf");

        // 3. Convert URL to PDF
        var url = "http://ironpdf.com"; // Specify the URL
        var pdfFromUrl = renderer.RenderUrlAsPdf(url);
        pdfFromUrl.SaveAs("URLToPDF.pdf");
    }
}

Imports IronPdf

Friend Class Program
	Shared Sub Main(ByVal args() As String)
		Dim renderer = New ChromePdfRenderer()

		' 1. Convert HTML String to PDF
		Dim htmlContent = "<h1>Hello, IronPDF!</h1><p>This is a PDF from an HTML string.</p>"
		Dim pdfFromHtmlString = renderer.RenderHtmlAsPdf(htmlContent)
		pdfFromHtmlString.SaveAs("HTMLStringToPDF.pdf")

		' 2. Convert HTML File to PDF
		Dim htmlFilePath = "path_to_your_html_file.html" ' Specify the path to your HTML file
		Dim pdfFromHtmlFile = renderer.RenderHtmlFileAsPdf(htmlFilePath)
		pdfFromHtmlFile.SaveAs("HTMLFileToPDF.pdf")

		' 3. Convert URL to PDF
		Dim url = "http://ironpdf.com" ' Specify the URL
		Dim pdfFromUrl = renderer.RenderUrlAsPdf(url)
		pdfFromUrl.SaveAs("URLToPDF.pdf")
	End Sub
End Class

IronXL

Quand il s'agit de travailler avec des tableurs Excel, Exploration des fonctionnalités d'IronXL est un champion. Dans un cadre professionnel, les tableurs jouent un rôle essentiel. Intégrer SignalR avec IronXL signifie que les équipes financières pourraient travailler sur des feuilles de budget en temps réel, en assistant aux modifications au fur et à mesure qu'elles se produisent. Imaginez un scénario où les saisies de données de divers départements convergent dans une feuille Excel centralisée, avec des mises à jour en temps réel pour toutes les parties prenantes. Le mariage de la communication en temps réel et de la gestion dynamique de feuilles de calcul devient une réalité avec cette combinaison.

IronOCR

La reconnaissance optique de caractères (OCR) est devenue un pilier des applications modernes. Voir IronOCR en action permet aux développeurs .NET d'extraire du texte à partir d'images et de documents. Associer cela avec la fonctionnalité en temps réel de SignalR peut être révolutionnaire. Considérez une plateforme où les utilisateurs téléchargent des images contenant des données textuelles. SignalR pourrait être utilisé pour notifier les utilisateurs en temps réel dès qu'IronOCR traite les images, rendant l'extraction de données interactive et instantanée.

IronBarcode

Le code-barres est essentiel dans la gestion des stocks, les systèmes de billetterie, et bien plus. Découvrez les capacités d'IronBarcode simplifie la création et la lecture de codes-barres. Maintenant, pensez à intégrer cela avec SignalR dans un système de gestion de stock. À mesure que les articles sont scannés, l'inventaire est mis à jour en temps réel, notifiant les clients connectés des niveaux de stock, et assurant une opération logistique fluide.