.NetCore SignalR 3.1 简单应用

.NetCore SignalR 3.1 简单应用SignalR服务端与客户端的调用案列介绍一.创建项目、配置环境二.创建一个SignalR中心三.服务端进行推送四.如何在Startup配置中配置SignalR五.客户端效果展示 SignalR服务端与客户端的调用案列 介绍 ASP.NET Core SignalR 是一个开源代码库，它简化了向应用添加实时 Web 功能的过程。 实时 Web 功能使服务器端代码能够即时将内容推送到客户端。 SignalR的可使用Web Socket, Server Sent Events 和 Long Polling作为底层传输方式。 SignalR 提供了一 .NET Core SignalR 3.1 是一个用于构建实时通信应用的高效框架，它允许服务器向客户端推送数据，而无需客户端发起新的请求。SignalR 支持多种底层传输技术，包括 WebSocket、Server Sent Events (SSE) 和长轮询，以确保在各种网络环境下都能提供实时通信。 **一、创建项目和配置环境** 1. 你需要创建一个 ASP.NET Core 3.1 的 Web 应用程序。打开 Visual Studio 或其他支持 ASP.NET Core 的开发环境，选择 "ASP.NET Core Web 应用" 模板，并确保选中 "Web 应用程序" 选项。 2. 接下来，安装 SignalR 相关的 NuGet 包。在项目中添加以下两个包： - `Microsoft.AspNetCore.SignalR` - `Microsoft.AspNetCore.SignalR.Client.Core` **二、创建 SignalR 中心** SignalR 中心类是服务端与客户端通信的核心，你可以在这个类中定义服务器可以调用的客户端方法。以下是一个简单的 `ServerHub` 示例： ```csharp using Microsoft.AspNetCore.SignalR; using Microsoft.Extensions.DependencyInjection; using Newtonsoft.Json; public class ServerHub : Hub { // ... public async Task Excute(string serverName, string functionName, object[] parameters) { // 在这里实现服务端调用客户端的方法逻辑 } // ... // 发送消息到所有连接的客户端 public Task SendMessageToAll(string message) { return Clients.All.SendAsync("ReceiveMessage", message); } // 发送消息到特定客户端 public Task SendMessageToCaller(string message) { return Clients.Caller.SendAsync("ReceiveMessage", message); } } ``` **三、服务端推送** 在 `ServerHub` 类中，你可以定义 `Excute` 方法来实现服务端调用客户端的方法。这个方法通常会根据传入的参数动态地找到服务端的一个类型并执行其中的方法，然后将结果回传给客户端。 **四、在 Startup 配置 SignalR** 在 `Startup.cs` 文件中的 `ConfigureServices` 方法中注册 SignalR 服务： ```csharp public void ConfigureServices(IServiceCollection services) { services.AddSignalR(); } ``` 然后在 `Configure` 方法中添加 SignalR 中间件： ```csharp public void Configure(IApplicationBuilder app, IWebHostEnvironment env) { // ... app.UseRouting(); app.UseEndpoints(endpoints => { endpoints.MapHub<ServerHub>("/serverHub"); }); } ``` **五、客户端效果展示** 在客户端，你可以使用 SignalR 客户端库来连接到服务端的 SignalR 中心并接收推送的消息。例如，在 JavaScript 中，你可以这样做： ```javascript const connection = new signalR.HubConnectionBuilder() .withUrl("/serverHub") .build(); connection.on("ReceiveMessage", function (message) { console.log(`Received message: ${message}`); }); connection.start().catch(console.error); ``` 在这个例子中，当服务器调用 `SendMessageToCaller` 或 `SendMessageToAll` 方法时，客户端会收到 `ReceiveMessage` 事件并打印接收到的消息。 .NET Core SignalR 3.1 提供了一种简单的方式来实现实时通信，允许开发者轻松地在服务器和客户端之间传递数据，从而创建出诸如聊天应用、实时仪表盘、协作工具等实时交互的应用程序。使用 SignalR，开发者可以专注于业务逻辑，而不必关心底层的实时通信细节。