parent
ff2237aeda
commit
566f30ed3d
@ -1,13 +0,0 @@ |
|||||||
<Project Sdk="Microsoft.NET.Sdk.Web"> |
|
||||||
|
|
||||||
<PropertyGroup> |
|
||||||
<TargetFramework>net8.0</TargetFramework> |
|
||||||
<Nullable>enable</Nullable> |
|
||||||
<ImplicitUsings>enable</ImplicitUsings> |
|
||||||
</PropertyGroup> |
|
||||||
|
|
||||||
<ItemGroup> |
|
||||||
<PackageReference Include="Microsoft.FluentUI.AspNetCore.Components" Version="4.*-* " /> |
|
||||||
<PackageReference Include="Microsoft.FluentUI.AspNetCore.Components.Icons" Version="4.*-* " /> |
|
||||||
</ItemGroup> |
|
||||||
</Project> |
|
||||||
@ -0,0 +1,65 @@ |
|||||||
|
@page "/login" |
||||||
|
@using FluentBlazorAuth.Data |
||||||
|
@using FluentBlazorAuth.Models.ViewModels |
||||||
|
@using System.Security.Claims |
||||||
|
@using Microsoft.AspNetCore.Authentication |
||||||
|
@using Microsoft.AspNetCore.Authentication.Cookies |
||||||
|
@inject AppDbContext AppDbContext; |
||||||
|
@inject NavigationManager NavManager; |
||||||
|
@rendermode InteractiveServer |
||||||
|
|
||||||
|
<FluentGrid Class="mt-3" Justify="JustifyContent.Center"> |
||||||
|
<FluentGridItem xs="6"> |
||||||
|
<FluentEditForm Model="@Model" OnValidSubmit="@OnLoginSubmit"> |
||||||
|
<DataAnnotationsValidator/> |
||||||
|
<FluentValidationSummary/> |
||||||
|
|
||||||
|
<FluentStack Orientation="Orientation.Vertical" VerticalGap="5" HorizontalAlignment="HorizontalAlignment.Center"> |
||||||
|
<div style="width:100%"> |
||||||
|
<FluentTextField style="width:100%" @bind-Value="Model.UserName" Label="User Name" Required /> |
||||||
|
<FluentValidationMessage For="@(() => Model.UserName)"/> |
||||||
|
</div> |
||||||
|
<div style="width:100%"> |
||||||
|
<FluentTextField Style="width:100%" @bind-Value="Model.Password" TextFieldType="TextFieldType.Password" Label="Password" Required /> |
||||||
|
<FluentValidationMessage For="@(() => Model.Password)" /> |
||||||
|
</div> |
||||||
|
<div style="width:100%"> |
||||||
|
<FluentLabel Color="Color.Error">@errorMessage?.ToString()</FluentLabel> |
||||||
|
</div> |
||||||
|
<FluentButton Style="width:100%" Type="ButtonType.Submit" Appearance="Appearance.Accent">Login</FluentButton> |
||||||
|
</FluentStack> |
||||||
|
</FluentEditForm> |
||||||
|
</FluentGridItem> |
||||||
|
</FluentGrid> |
||||||
|
|
||||||
|
@code { |
||||||
|
[CascadingParameter] |
||||||
|
public HttpContext? HttpContext { get; set; } |
||||||
|
|
||||||
|
[SupplyParameterFromForm] |
||||||
|
public LoginViewModel Model { get; set; } = new LoginViewModel(); |
||||||
|
|
||||||
|
string? errorMessage; |
||||||
|
|
||||||
|
async Task OnLoginSubmit(EditContext context) |
||||||
|
{ |
||||||
|
var userAccount = AppDbContext.UserAccounts.Where(u => u.UserName == Model.UserName).FirstOrDefault(); |
||||||
|
if (userAccount is null || userAccount.Password != Model.Password) |
||||||
|
{ |
||||||
|
errorMessage = "Please login again."; |
||||||
|
return; |
||||||
|
} |
||||||
|
|
||||||
|
var claims = new List<Claim> |
||||||
|
{ |
||||||
|
new Claim(ClaimTypes.Name, Model.UserName), |
||||||
|
new Claim(ClaimTypes.Role, userAccount.Role) |
||||||
|
}; |
||||||
|
|
||||||
|
var identity = new ClaimsIdentity(claims, CookieAuthenticationDefaults.AuthenticationScheme); |
||||||
|
var principal = new ClaimsPrincipal(identity); |
||||||
|
await HttpContext.SignInAsync(principal); |
||||||
|
|
||||||
|
NavManager.NavigateTo("/"); |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,15 @@ |
|||||||
|
using FluentBlazorAuth.Models; |
||||||
|
using Microsoft.EntityFrameworkCore; |
||||||
|
|
||||||
|
namespace FluentBlazorAuth.Data |
||||||
|
{ |
||||||
|
public class AppDbContext : DbContext |
||||||
|
{ |
||||||
|
public AppDbContext(DbContextOptions options) : base(options) |
||||||
|
{ |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
public DbSet<UserAccount> UserAccounts { get; set; } |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,21 @@ |
|||||||
|
<Project Sdk="Microsoft.NET.Sdk.Web"> |
||||||
|
|
||||||
|
<PropertyGroup> |
||||||
|
<TargetFramework>net8.0</TargetFramework> |
||||||
|
<Nullable>enable</Nullable> |
||||||
|
<ImplicitUsings>enable</ImplicitUsings> |
||||||
|
</PropertyGroup> |
||||||
|
|
||||||
|
<ItemGroup> |
||||||
|
<PackageReference Include="Microsoft.EntityFrameworkCore" Version="8.0.7" /> |
||||||
|
<PackageReference Include="Microsoft.EntityFrameworkCore.Tools" Version="8.0.7"> |
||||||
|
<IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets> |
||||||
|
<PrivateAssets>all</PrivateAssets> |
||||||
|
</PackageReference> |
||||||
|
<PackageReference Include="Microsoft.FluentUI.AspNetCore.Components" Version="4.*-* " /> |
||||||
|
<PackageReference Include="Microsoft.FluentUI.AspNetCore.Components.Emoji" Version="4.6.0" /> |
||||||
|
<PackageReference Include="Microsoft.FluentUI.AspNetCore.Components.Icons" Version="4.*-* " /> |
||||||
|
<PackageReference Include="Pomelo.EntityFrameworkCore.MySql" Version="8.0.2" /> |
||||||
|
<PackageReference Include="Swashbuckle.AspNetCore" Version="6.7.0" /> |
||||||
|
</ItemGroup> |
||||||
|
</Project> |
||||||
@ -0,0 +1,18 @@ |
|||||||
|
using System.ComponentModel.DataAnnotations; |
||||||
|
|
||||||
|
namespace FluentBlazorAuth.Models |
||||||
|
{ |
||||||
|
public class UserAccount |
||||||
|
{ |
||||||
|
public int Id { get; set; } |
||||||
|
|
||||||
|
[MaxLength(100)] |
||||||
|
public required string UserName { get; set; } |
||||||
|
|
||||||
|
[MaxLength(100)] |
||||||
|
public required string Password { get; set; } |
||||||
|
|
||||||
|
[MaxLength(20)] |
||||||
|
public string? Role { get; set; } |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,13 @@ |
|||||||
|
using System.ComponentModel.DataAnnotations; |
||||||
|
|
||||||
|
namespace FluentBlazorAuth.Models.ViewModels |
||||||
|
{ |
||||||
|
public class LoginViewModel |
||||||
|
{ |
||||||
|
[Required(AllowEmptyStrings = false, ErrorMessage = "Please enter the user name.")] |
||||||
|
public string? UserName { get; set; } |
||||||
|
|
||||||
|
[Required(AllowEmptyStrings = false, ErrorMessage = "Please enter the password.")] |
||||||
|
public string? Password { get; set; } |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,66 @@ |
|||||||
|
using Microsoft.FluentUI.AspNetCore.Components; |
||||||
|
using FluentBlazorAuth.Components; |
||||||
|
using Microsoft.AspNetCore.Authentication.Cookies; |
||||||
|
using FluentBlazorAuth.Data; |
||||||
|
using Microsoft.EntityFrameworkCore; |
||||||
|
|
||||||
|
namespace FluentBlazorAuth; |
||||||
|
|
||||||
|
public class Program |
||||||
|
{ |
||||||
|
public static void Main(string[] args) |
||||||
|
{ |
||||||
|
var builder = WebApplication.CreateBuilder(args); |
||||||
|
|
||||||
|
// Add services to the container. |
||||||
|
builder.Services.AddRazorComponents() |
||||||
|
.AddInteractiveServerComponents(); |
||||||
|
builder.Services.AddFluentUIComponents(); |
||||||
|
|
||||||
|
#region Authentication |
||||||
|
builder.Services.AddAuthentication(CookieAuthenticationDefaults.AuthenticationScheme) |
||||||
|
.AddCookie(option => |
||||||
|
{ |
||||||
|
option.Cookie.Name = "auth_token"; |
||||||
|
option.LoginPath = "/login"; |
||||||
|
option.Cookie.MaxAge = TimeSpan.FromMinutes(30); |
||||||
|
option.AccessDeniedPath = "/access-denied"; |
||||||
|
}); |
||||||
|
builder.Services.AddAuthorization(); |
||||||
|
builder.Services.AddCascadingAuthenticationState(); |
||||||
|
#endregion |
||||||
|
|
||||||
|
#region Database |
||||||
|
var connectionString = builder.Configuration.GetConnectionString("DefaultConnection"); |
||||||
|
builder.Services.AddDbContext<AppDbContext>(options => |
||||||
|
{ |
||||||
|
options.UseMySql(connectionString, ServerVersion.AutoDetect(connectionString)); |
||||||
|
}); |
||||||
|
#endregion |
||||||
|
|
||||||
|
var app = builder.Build(); |
||||||
|
|
||||||
|
// Configure the HTTP request pipeline. |
||||||
|
if (!app.Environment.IsDevelopment()) |
||||||
|
{ |
||||||
|
app.UseExceptionHandler("/Error"); |
||||||
|
// The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts. |
||||||
|
app.UseHsts(); |
||||||
|
} |
||||||
|
|
||||||
|
app.UseHttpsRedirection(); |
||||||
|
|
||||||
|
app.UseStaticFiles(); |
||||||
|
app.UseAntiforgery(); |
||||||
|
|
||||||
|
#region Authentication |
||||||
|
app.UseAuthentication(); |
||||||
|
app.UseAuthorization(); |
||||||
|
#endregion |
||||||
|
|
||||||
|
app.MapRazorComponents<App>() |
||||||
|
.AddInteractiveServerRenderMode(); |
||||||
|
|
||||||
|
app.Run(); |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,12 @@ |
|||||||
|
{ |
||||||
|
"ConnectionStrings": { |
||||||
|
"DefaultConnection": "Server=peacecloud.synology.me; Port=23306; Database=BLAZORTEST; Uid=pds; Pwd=Pds92070983!@" |
||||||
|
}, |
||||||
|
"Logging": { |
||||||
|
"LogLevel": { |
||||||
|
"Default": "Information", |
||||||
|
"Microsoft.AspNetCore": "Warning" |
||||||
|
} |
||||||
|
}, |
||||||
|
"AllowedHosts": "*" |
||||||
|
} |
||||||
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
@ -1,29 +0,0 @@ |
|||||||
using Microsoft.FluentUI.AspNetCore.Components; |
|
||||||
using FluentBlazorAuth.Components; |
|
||||||
|
|
||||||
var builder = WebApplication.CreateBuilder(args); |
|
||||||
|
|
||||||
// Add services to the container. |
|
||||||
builder.Services.AddRazorComponents() |
|
||||||
.AddInteractiveServerComponents(); |
|
||||||
builder.Services.AddFluentUIComponents(); |
|
||||||
|
|
||||||
var app = builder.Build(); |
|
||||||
|
|
||||||
// Configure the HTTP request pipeline. |
|
||||||
if (!app.Environment.IsDevelopment()) |
|
||||||
{ |
|
||||||
app.UseExceptionHandler("/Error", createScopeForErrors: true); |
|
||||||
// The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts. |
|
||||||
app.UseHsts(); |
|
||||||
} |
|
||||||
|
|
||||||
app.UseHttpsRedirection(); |
|
||||||
|
|
||||||
app.UseStaticFiles(); |
|
||||||
app.UseAntiforgery(); |
|
||||||
|
|
||||||
app.MapRazorComponents<App>() |
|
||||||
.AddInteractiveServerRenderMode(); |
|
||||||
|
|
||||||
app.Run(); |
|
||||||
@ -1,9 +0,0 @@ |
|||||||
{ |
|
||||||
"Logging": { |
|
||||||
"LogLevel": { |
|
||||||
"Default": "Information", |
|
||||||
"Microsoft.AspNetCore": "Warning" |
|
||||||
} |
|
||||||
}, |
|
||||||
"AllowedHosts": "*" |
|
||||||
} |
|
||||||
Loading…
Reference in new issue