Blazor 托管 - 在显示应用程序之前立即授权

Question

任何人都可以帮助我推动我的托管 Blazor 应用程序（客户端、服务器和共享）在应用程序首次显示之前立即请求登录。我想要用户在访问应用程序之前必须登录的体验。

我的起点是具有 Api 授权（个人用户帐户）的 Blazor Webassemble（托管）模板

在用户请求具有该Authorize属性的特定操作/页面之前，在服务器端操作或客户端 Razor 页面上使用该属性不会启动身份验证流程。Authorize在第一次显示应用程序之前，我将如何开始授权流程？

我相信对于比我更精明的人来说这是可能的，甚至是微不足道的。有人可以给我一个正确的方向吗？

Answer 1

我创建了一个控件 RedirectToLogin.razor

@inject NavigationManager Navigation
@code {
    protected override void OnInitialized()
    {
        String thisPage = Navigation.Uri.Replace(Navigation.BaseUri, "~/");
        Navigation.NavigateTo($"Identity/Account/Login?returnUrl={thisPage}");
        base.OnInitialized();
    }
}

然后将其插入到mainlayout.razor中

<div class="container-fluid">
 <AuthorizeView>
        <Authorized>
            <NavigationLogger />
            <ContextMenuMouseClick>
                <MenuTopBar />
                <NavMenu />
                <SubPageContainer>
                    @Body
                </SubPageContainer>
            </ContextMenuMouseClick>
        </Authorized>
        <NotAuthorized>
            <RedirectToLogin />
        </NotAuthorized>
</AuthorizeView>
</div>

因此，当布局加载并且处于 NotAuthorized 状态时，它将重定向到登录页面，授权后将返回到它尝试访问的页面。

希望这可以帮助。