Web实时通信和 @microsoft/signalr@microsoft/signalr 是微软开发的一款基于 SignalR 的实时通信库，专为 Web 应用提供强大的实时通信功能。SignalR 的主要特点包括支持双向通信、自动选择传输协议（WebSockets、Server-Sent Events 或 Long Polling）以及简化的服务器与客户端集成。
核心功能
实时更新：服务器可以在数据变化时主动推送到客户端，无需轮询。
协议灵活性：支持多种传输方式，优先使用 WebSocket，其他方式作为回退。
组通信：客户端可以加入特定组，消息可以广播给组内成员。
身份验证：集成了对 JWT 等身份验证的支持。
可扩展性：支持分布式部署，通过 Azure SignalR 服务轻松扩展。
使用步骤
以下是如何在前端和后端中集成 @microsoft/signalr 的简单指南：
1. 安装 SignalR
npm install @microsoft/signalr
前端代码示例
import * as signalR from '@microsoft/signalr';
// 创建连接
const connection = new signalR.HubConnectionBuilder()
.withUrl("/chatHub") // 服务端的Hub URL
.withAutomaticReconnect()
.build();
// 开始连接
connection.start().then(() => {
console.log("SignalR Connected!");
}).catch(err => console.error("Connection failed: ", err));
// 监听服务端消息
connection.on("ReceiveMessage", (user, message) => {
console.log(`${user}: ${message}`);
});
// 发送消息到服务端
function sendMessage(user, message) {
connection.invoke("SendMessage", user, message).catch(err => console.error(err));
}
服务端代码（以 ASP.NET Core 为例）
using Microsoft.AspNetCore.SignalR;
public class ChatHub : Hub
{
public async Task SendMessage(string user, string message)
{
await Clients.All.SendAsync("ReceiveMessage", user, message);
}
}
配置 ASP.NET Core 服务
在 Startup.cs 或 Program.cs 中配置：
app.MapHub<ChatHub>("/chatHub");
使用场景
实时聊天应用：实现类似于 Slack 或 WhatsApp 的功能。
实时通知系统：如股票更新、新闻推送。
多人在线游戏：支持多用户实时同步状态。
协作工具：例如实时文档编辑、任务协作等。
注意事项
跨域问题：如果客户端和服务端部署在不同域下，需配置跨域策略。
性能：对于高并发应用，推荐使用 Azure SignalR 服务。
连接管理：当用户离线或重连时需正确处理状态。
发布者：myrgd，转载请注明出处：https://www.object-c.cn/4983
