C# Invoke方法与ASP.NET Core SignalR的实时通信

发布时间：2024-10-15 13:12:59 作者：小樊
来源：亿速云阅读：88

在ASP.NET Core中，SignalR是一个用于实现实时Web功能的开源库。它允许服务器在与客户端建立连接后，主动将数据推送到客户端，而无需客户端发起请求。Invoke方法是SignalR客户端用于调用服务器端Hub方法的主要方式之一。

下面是一个简单的示例，展示了如何在ASP.NET Core SignalR中使用Invoke方法进行实时通信：

首先，创建一个ASP.NET Core Web应用程序，并添加SignalR依赖项。在Startup.cs文件中，配置SignalR：

public void ConfigureServices(IServiceCollection services)
{
    services.AddSignalR();
}

public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
    if (env.IsDevelopment())
    {
        app.UseDeveloperExceptionPage();
    }

    app.UseRouting();

    app.UseEndpoints(endpoints =>
    {
        endpoints.MapHub<ChatHub>("/chatHub");
    });
}

创建一个SignalR Hub类，例如ChatHub.cs：

public class ChatHub : Hub
{
    public async Task SendMessage(string user, string message)
    {
        await Clients.All.SendAsync("ReceiveMessage", user, message);
    }
}

在这个例子中，SendMessage方法将接收到的用户名和消息广播给所有连接的客户端。

在客户端（例如，一个HTML页面）中，添加SignalR客户端库，并创建一个与服务器端Hub的连接：

<!DOCTYPE html>
<html>
<head>
    <title>SignalR Chat</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/aspnet-signalr/5.0.11/signalr.min.js"></script>
</head>
<body>
    <div id="chat"></div>
    <input id="userInput" type="text" placeholder="Enter your message" />
    <button id="sendButton">Send</button>

    <script>
        const connection = new signalR.HubConnectionBuilder()
            .withUrl("/chatHub")
            .build();

        connection.on("ReceiveMessage", function(user, message) {
            const chat = document.getElementById("chat");
            const item = document.createElement("div");
            item.textContent = `${user}: ${message}`;
            chat.appendChild(item);
        });

        connection.start().then(() => {
            document.getElementById("sendButton").onclick = function() {
                const userInput = document.getElementById("userInput");
                const message = userInput.value;
                connection.invoke("SendMessage", "User", message);
                userInput.value = "";
            };
        });
    </script>
</body>
</html>

在这个例子中，客户端通过调用connection.invoke方法来调用服务器端的SendMessage方法，并将用户名和消息作为参数传递。服务器端接收到消息后，将其广播给所有连接的客户端。

这就是在ASP.NET Core SignalR中使用Invoke方法进行实时通信的基本示例。你可以根据自己的需求扩展这个示例，例如添加用户身份验证、私人聊天室等。

C# Invoke方法与ASP.NET Core SignalR的实时通信

相关阅读