如何以MVVM方式在.NET MAUI中创建并启动SignalR Hub连接

1. 连接启动时机：别用构造函数，用页面生命周期事件结合VM方法 #

你打算在VM构造函数里启动连接的问题在于：VM初始化时页面可能还没显示，而且如果VM被复用（比如导航回退再进入），会重复创建连接，导致资源浪费甚至冲突。

直接在代码后置的OnAppearing()里写连接逻辑又会打破MVVM的分离原则——页面不该处理业务/通信逻辑。正确的做法是：

• 在代码后置的OnAppearing()中触发VM的一个命令或方法（比如StartSignalRConnectionAsync()）
• 把连接的配置、启动逻辑放在VM里（或者更优的是放在专门的服务里，后面详细说明）
• 同理，在OnDisappearing()中触发VM的StopSignalRConnectionAsync()，避免页面隐藏后连接还占用资源

代码示例： #

代码后置（Page.xaml.cs）

protected override async void OnAppearing()
{
    base.OnAppearing();
    if (BindingContext is MyPageViewModel vm)
    {
        await vm.StartSignalRConnectionAsync();
    }
}

protected override async void OnDisappearing()
{
    base.OnDisappearing();
    if (BindingContext is MyPageViewModel vm)
    {
        await vm.StopSignalRConnectionAsync();
    }
}

视图模型（MyPageViewModel.cs）

private readonly ISignalRService _signalRService;

public MyPageViewModel(ISignalRService signalRService)
{
    _signalRService = signalRService;
}

public async Task StartSignalRConnectionAsync()
{
    if (!_signalRService.IsConnected)
    {
        await _signalRService.StartConnectionAsync();
        // 注册Hub事件监听，更新VM属性通知UI刷新
        _signalRService.HubConnection.On("ReceiveMessage", (message) =>
        {
            ReceivedMessage = message;
        });
    }
}

public async Task StopSignalRConnectionAsync()
{
    if (_signalRService.IsConnected)
    {
        // 移除事件监听，避免内存泄漏
        _signalRService.HubConnection.Remove("ReceiveMessage");
        await _signalRService.StopConnectionAsync();
    }
}

2. SignalR连接的归属：放在独立的服务层，而非VM或页面 #

SignalR连接属于跨组件的通信资源，不该绑定到单个VM或页面。最佳实践是创建一个单例的SignalRService，统一管理连接的生命周期、配置、重连逻辑，所有需要和Hub交互的VM都依赖这个服务。

这样做的核心优势：

• 避免重复创建连接，确保整个应用中只有一个活跃的Hub连接（根据业务需求也可支持多个，但单例是最常用的模式）
• 集中处理连接异常、自动重连、断开重连逻辑
• 解耦VM和SignalR的具体实现，方便后续替换或扩展

服务层代码示例： #

public interface ISignalRService
{
    HubConnection HubConnection { get; }
    bool IsConnected { get; }
    Task StartConnectionAsync();
    Task StopConnectionAsync();
}

public class SignalRService : ISignalRService
{
    public HubConnection HubConnection { get; }
    public bool IsConnected => HubConnection.State == HubConnectionState.Connected;

    public SignalRService()
    {
        HubConnection = new HubConnectionBuilder()
            .WithUrl("https://your-server-url/hub/chat")
            .WithAutomaticReconnect() // 启用自动重连
            .Build();

        // 监听连接关闭事件，可自定义重连逻辑
        HubConnection.Closed += async (error) =>
        {
            await Task.Delay(new Random().Next(0, 5) * 1000);
            await StartConnectionAsync();
        };
    }

    public async Task StartConnectionAsync()
    {
        if (HubConnection.State != HubConnectionState.Connected)
        {
            await HubConnection.StartAsync();
        }
    }

    public async Task StopConnectionAsync()
    {
        if (HubConnection.State == HubConnectionState.Connected)
        {
            await HubConnection.StopAsync();
        }
    }
}

然后在依赖注入容器中注册这个服务为单例（比如在App.xaml.cs中）：

services.AddSingleton<ISignalRService, SignalRService>();

额外注意事项 #

• 权限验证：如果Hub需要身份验证，在创建连接时通过WithUrl的参数添加token或认证信息
• 内存泄漏：页面消失时必须移除Hub事件监听，否则VM可能被连接持有无法回收
• 异常处理：在服务中添加错误捕获逻辑，避免连接失败导致整个页面崩溃

内容的提问来源于stack exchange，提问作者ArmanP