C# SignalR入门 - 实现Web应用的实时双向通信

admin 百科 17
SignalR是.NET下实现Web实时通信的成熟方案,自动选择最优传输方式并提供简洁API。服务端通过继承Hub类处理消息广播、单播与组播,客户端通过JS库连接并监听事件,支持重连机制与生命周期管理,结合认证授权和异步非阻塞设计,可构建高效可靠的实时应用。

C# SignalR入门 - 实现Web应用的实时双向通信-第1张图片-佛山资讯网

SignalR 是 .NET 平台下实现 Web 实时双向通信的成熟方案,不用手动处理长轮询、WebSocket 兼容或连接管理——它自动选择最优传输方式,并提供简洁的 API。

服务端:快速搭建 Hub

在 ASP.NET Core 项目中安装 Microsoft.AspNetCore.SignalR 包后,新建一个继承 Hub 的类,比如 ChatHub

  • Hub 是服务端通信中心,方法默认对客户端公开(无需 [HubMethod] 特性)
  • Clients.All.SendAsync("ReceiveMessage", user, message) 广播消息
  • Clients.Caller.SendAsync(...) 回复调用者,Clients.Others.SendAsync(...) 推送他人
  • Program.cs 中注册服务并映射路由:builder.Services.AddSignalR();app.MapHub<chathub>("/chat");</chathub>

客户端:JS 端轻松连接与交互

引入 @microsoft/signalr npm 包或通过 CDN 加载,创建连接实例:

  • 连接地址必须和服务端 Hub 路由一致,如 new HubConnectionBuilder().withUrl("/chat").build()
  • connection.on("ReceiveMessage", (user, msg) => { ... }) 监听服务端推送的方法
  • connection.invoke("SendMessage", user, msg) 调用 Hub 中的公开方法(支持 async/await)
  • 记得调用 connection.start() 启动连接,建议加 try/catch 处理失败

连接与状态:别忽略生命周期管理

真实场景中网络可能中断,用户可能刷新页面——SignalR 提供了基础事件帮你应对:

标签: js cookie npm app websocket 后端 ai 路由 microsoft cdn stream c#

发布评论 0条评论)

还木有评论哦,快来抢沙发吧~