Signalr C# (開発者向けの仕組み)

開発環境の設定

始めるには、次が必要です：

• ASP.NET Core SDK
• Visual Studio

SignalRハブの構築

本質的には、SignalRはSignalRハブを中心に回ります。これはクライアントとサーバーの相互作用の中心点です。

新しい ASP.NET Core プロジェクトを作成します。 次に、新しいクラスを追加し、ChatHub という名前を付けます。 これが私たちの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);
    }
}

Startup クラスで、ハブを統合しましょう。

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");
        });
    }
}

SignalRクライアントライブラリの使用

SignalRクライアントライブラリは、クライアントサイドのコードがサーバーサイドと直接接続し、通信することを可能にします。例としてJavaScriptを使ってみましょう。

まず、SignalR JavaScriptクライアントライブラリを追加します。

<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>

次に、ハブに接続することができます。

// 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}`);
});

この単純なクライアントサイドコードは、ハブに接続し、ブロードキャストされたメッセージをリスンします。

メッセージの送信

先ほどのクライアントサイドとサーバーサイドのコードスニペットを使用して、メッセージの送信は簡単です。 サーバーとクライアントの両方が通信を開始できます。

サーバーサイドから：

// 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 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()));

高度なリアルタイム通信

ASP.NET Core SignalRは高度なリアルタイム通信機能を提供します：

1.接続のグループ化:接続されたクライアントをグループに分割し、特定のセグメントにメッセージをブロードキャストします。 2.切断の処理:クライアントの接続と切断を自動的に管理します。 3.バイナリ プロトコル: SignalR はデフォルトでテキストベースのプロトコルを使用しますが、バイナリ プロトコルもサポートしています。

Azure SignalRサービスとのSignalR

スケーラブルなリアルタイム機能のためには、Azure SignalRサービスを統合します。 この完全管理されたサービスは、同時に接続される大量の接続をサポートしており、高需要のアプリに最適です。

Azure SignalRサービスの統合：

1. Azure SignalR SDKをインストールします。
2. バックプレーンサポートのためにAzure Service Busを使用します。
3. Azure SignalR を使用するように Startup クラスを調整します。

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");
        });
    }
}

IronPDF

IronPDFの機能について詳しく学ぶことにより、.NETアプリケーション内でPDFファイルを生成、編集、および読み取ることができます。 チームがリアルタイムでドキュメントを共同作成するシナリオでSignalRを統合することを想像してください。変更が行われると、ドキュメントが即座に更新されたすべての接続されたクライアントにプッシュされ、飛躍的にPDFに変換されます。 SignalRのリアルタイム機能とIronPDFの能力が組み合わさることで、コラボレーションツールが革新される可能性があります。

IronPDFはHTML、URL、およびフルウェブページをオリジナルのように美しいPDFに変換します。 オンラインレポート、請求書、または保存したいウェブベースの情報を保存するのに最適です。HTMLからPDF変換を希望していますか？ IronPDFを今日試してください！

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");
    }
}

IronXL

Excelスプレッドシートの操作に関しては、IronXLの機能を探索するが最適です。 ビジネスシーンでは、スプレッドシートは重要な役割を果たします。 SignalRとIronXLを組み合わせることで、経理チームがリアルタイムで予算表に取り組み、その変化を目の当たりにすることができるようになります。 様々な部門からのデータがリアルタイムで更新され、すべての関係者に提示される、集中化されたExcelシートに流れ込むシナリオを想像してください。 リアルタイムコミュニケーションと動的スプレッドシート管理の融合は、この組み合わせで実現します。

IronOCR

光学文字認識(OCR)は、現代のアプリケーションで不可欠です。 IronOCRをアクションで見ることで、.NET開発者が画像やドキュメントからテキストを抽出できることがわかります。 SignalRのリアルタイム機能と組み合わせることで、画期的な存在になるでしょう。 ユーザーがテキストデータを含む画像をアップロードするプラットフォームを考えてみてください。 IronOCRが画像を処理したらすぐにユーザーにリアルタイムで通知するためにSignalRが使われ、データ抽出がインタラクティブで即座に行われます。

IronBarcode

バーコーディングは、在庫管理、発券システムなどにおいて不可欠です。 IronBarcodeの機能を発見することで、バーコードの作成と読み取りを簡単にします。 次に、倉庫管理システムで SignalR と統合することを考えてください。 物品がスキャンされると、在庫がリアルタイムで更新され、接続されたクライアントに在庫レベルが通知され、スムーズな物流運営が保証されます。