Blazor.Showloginpromptasfirststep
创始人
2024-12-20 23:00:34
0
  1. 首先在程序中创建一个 Login 组件,这个组件会显示一个登录表单:

@code {
    private Login loginRef;

    private async Task OnLogin()
    {
        // 处理登录逻辑
    }
}
  1. 创建一个 Startup 组件,这个组件会在启动应用程序的时候自动显示登录表单:
@if (!loginRef.IsOpen)
{
    
}



@code {
    private Login loginRef;

    private void HandleLoginClicked()
    {
        loginRef.Show();
    }
}
  1. 在程序中添加身份验证相关的配置:
services.AddAuthentication(options =>
{
    options.DefaultScheme = JwtBearerDefaults.AuthenticationScheme;
    options.DefaultChallengeScheme = JwtBearerDefaults.AuthenticationScheme;
})
.AddJwtBearer(options =>
{
    options.Audience = "test";
    options.Authority = "https://localhost:5001/";
    options.RequireHttpsMetadata = false;
});
  1. 更新 App.razor 文件以包含身份验证和授权路由:

    
        
            
        
        
            
                
                    

Sorry, there's nothing at this address.

  1. 在 Login 组件中处理登录逻辑并向服务器发送登录请求:
public partial class Login
{
    private readonly HttpClient http;

    public Login(HttpClient http)
    {
        this.http = http;
    }

    [Parameter]
    public EventCallback OnClose { get; set; }

    [Parameter]

相关内容

热门资讯

黑科技计算(WPK开挂)外挂透... 黑科技计算(WPK开挂)外挂透明挂辅助设备(智能ai)果然存在有挂(讲解有挂)-哔哩哔哩1、让任何用...
黑科技黑科技(wpk猫腻)外挂... 黑科技黑科技(wpk猫腻)外挂透明挂辅助下载(智能ai)切实存在有挂(有挂头条)-哔哩哔哩;1、wp...
黑科技插件(wpk盈利)外挂透... 黑科技插件(wpk盈利)外挂透明挂辅助插件(黑科技ai)果然是有挂(有挂分享)-哔哩哔哩;1、实时w...
黑科技真的(Wepoke控制)... 黑科技真的(Wepoke控制)外挂透明挂辅助代打(辅助挂)好像真的有挂(有挂详情)-哔哩哔哩;1、W...
黑科技黑科技(wpk微扑克)外... 黑科技黑科技(wpk微扑克)外挂透明挂辅助设备(透视)原来真的是有挂(有挂存在)-哔哩哔哩1、wpk...
黑科技神器(epoker)外挂... 黑科技神器(epoker)外挂透明挂辅助器(透明黑科技)其实是有挂(有挂方法)-哔哩哔哩1、很好的工...
黑科技插件(wpk德州辅助器)... 黑科技插件(wpk德州辅助器)外挂透明挂辅助黑科技(透明挂)好像存在有挂(有挂教学)-哔哩哔哩;wp...
黑科技黑科技(wpk一直输)外... 黑科技黑科技(wpk一直输)外挂透明挂辅助ai代打(软件透明挂)都是是有挂(存在有挂)-哔哩哔哩一、...
黑科技脚本(手机云扑克)外挂透... 黑科技脚本(手机云扑克)外挂透明挂辅助助手(透明黑科技)原来是有挂(真是有挂)-哔哩哔哩在进入手机云...
黑科技神器(wepoke挂透视... 黑科技神器(wepoke挂透视)外挂透明挂辅助设备(透明挂黑科技)其实存在有挂(有挂详情)-哔哩哔哩...