检测用户何时离开（即通过关闭浏览器）

Question

我有一个 Singleton 服务 GameServer 跟踪访问特定页面的客人，一个 Game.razor 页面和一个 Scoped 服务 GameBridge，在它们之间。 Gamebridge 注入Game.razor，GameServer 注入Gamebridge。

GameServer 发出一个 ping 事件，由GameBridge 中继到页面。然后该页面调用Gamebridge 中的一个方法，该方法被中继到GameServer，并将LastSeen DateTime 设置为用户的DateTime.Now。

这个想法是，如果用户关闭他们的浏览器，Scoped 服务将被释放，GameServer 将不再从用户那里获得更新 ping，即用户已超时，游戏可能会被没收，游戏废弃的房间等等。

问题是即使关闭了浏览器，Game.razor 和 GameBridge 也会像一切正常一样继续运行——我可以看到这是因为丢失用户的时间值不断更新.截至目前，即使用户在 blazor 服务器端关闭浏览器，我也无法检测到用户断开连接。

Answer 1

我的解决方案挂钩到浏览器窗口 beforeunload 事件，并使用 Guid 跟踪 SPA 会话。

这是我的演示系统，您可以根据自己的代码进行调整。

添加一个单例服务并注册它。

using System;

namespace Blazor.App.Services
{
    public class SessionTrackerService
    {
        // Session List, blah, blah, ..

        public void NotifyNewSession(Guid ID)
        {
            //  Do whatever you want
            Debug.WriteLine($"Session {ID} Registered");
        }

        public void NotifySessionClosed(Guid ID)
        {
            var x = 0;
            Debug.WriteLine($"Session {ID} Closed");
            // Do re-registering
        }
    }
}

site.js在基本页面中注册。

window.blazor_setExitEvent = function (dotNetHelper) {
    blazor_dotNetHelper = dotNetHelper;
        window.addEventListener("beforeunload", blazor_SetSPAClosed);
}

var blazor_dotNetHelper;

window.blazor_SetSPAClosed = function() {
    blazor_dotNetHelper.invokeMethodAsync('SPASessionClosed')
    blazor_dotNetHelper.dispose();
}

添加一些代码到App.razor。如果您需要在其他地方使用它，请级联 SessionID。调用window.blazor_setExitEvent 设置窗口beforeunload 事件并将其传递给App 的引用。

<CascadingValue Name="SessionID" Value="this.ID">
    <Router AppAssembly="@typeof(Program).Assembly" PreferExactMatches="@true">
        .....
    </Router>
</CascadingValue>

@code {
    [Inject] private IJSRuntime _js { get; set; }
    [Inject] private SessionTrackerService sessionTrackerService { get; set; }
    public Guid ID { get; set; } = Guid.NewGuid();

    protected async override Task OnAfterRenderAsync(bool firstRender)
    {
        if (firstRender)
        {
            sessionTrackerService.NotifyNewSession(ID);
            var dotNetReference = DotNetObjectReference.Create(this);
            await _js.InvokeVoidAsync("window.blazor_setExitEvent", dotNetReference);
        }
    }

    [JSInvokable("SPASessionClosed")]
    public void SPASessionClosed()
    {
        sessionTrackerService.NotifySessionClosed(ID);
    }

我在 Edge、Chrome 和 Firefox 上进行了测试。