src/CraftSharp/App.razor

@@ -1,14 +1,15 @@
 <CascadingBlazoredModal>
     <Router AppAssembly="@typeof(App).Assembly">
         <Found Context="routeData">
-            <RouteView RouteData="@routeData" DefaultLayout="@typeof(CraftLayout)" />
+            <AuthorizeRouteView RouteData="@routeData" DefaultLayout="@typeof(CraftLayout)" />
             <FocusOnNavigate RouteData="@routeData" Selector="h1" />
         </Found>
         <NotFound>
-            <PageTitle>Not found</PageTitle>
-            <LayoutView Layout="@typeof(CraftLayout)">
-                <p role="alert">Sorry, there's nothing at this address.</p>
+           <CascadingAuthenticationState>
+            <LayoutView Layout="@typeof(MainLayout)">
+                <p>Sorry, there's nothing at this address.</p>
             </LayoutView>
+        </CascadingAuthenticationState>
         </NotFound>
     </Router>
 </CascadingBlazoredModal>

src/CraftSharp/Models/AppUser.cs

@@ -0,0 +1,9 @@
+namespace CraftSharp.Models
+{
+    public class AppUser
+    {
+        public string Password { get; set; }
+        public List<string> Roles { get; set; }
+        public string UserName { get; set; }
+    }
+}

src/CraftSharp/Models/ConnexionModel.cs

@@ -5,11 +5,11 @@ namespace CraftSharp.Models
     public class ConnexionModel
     {
         [Required(ErrorMessage = "Le pseudo est obligatoire.")]
-        [StringLength(50, ErrorMessage = "Le pseudo est trop long")]
-        public string? Name { get; set; }
+        [MinLength(4, ErrorMessage = "Le pseudo est trop court")]
+        public string? UserName { get; set; }
 
         [Required(ErrorMessage = "Le mot de passe est obligatoire.")]
-        [StringLength(50, ErrorMessage = "Le mot de passe est trop long")]
+        [MinLength(4, ErrorMessage = "Le mot de passe est trop court")]
         public string? Password { get; set; }
     }
 }

src/CraftSharp/Models/CurrentUser.cs

@@ -0,0 +1,9 @@
+namespace CraftSharp.Models
+{
+    public class CurrentUser
+    {
+        public Dictionary<string, string> Claims { get; set; }
+        public bool IsAuthenticated { get; set; }
+        public string UserName { get; set; }
+    }
+}

src/CraftSharp/Models/InscriptionModel.cs

@@ -6,20 +6,16 @@ namespace CraftSharp.Models
     {
 
         [Required(ErrorMessage = "Le pseudo est obligatoire.")]
-        [StringLength(50, ErrorMessage = "Le pseudo est trop long")]
-        public string? Pseudo { get; set; }
-
-        [Required(ErrorMessage = "L'email est obligatoire.")]
-        [StringLength(50, ErrorMessage = "Le nom ne doit pas dépasser 50 caractères.")]
-        [RegularExpression(@"^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$", ErrorMessage = "Le format de l'email n'est pas correcte.")]
-        public string? Email { get; set; }
+        [MinLength(4, ErrorMessage = "Le pseudo est trop court")]
+        [MaxLength(50, ErrorMessage = "Le pseudo est trop long")]
+        public string? UserName { get; set; }
 
         [Required(ErrorMessage = "Le mot de passe est obligatoire.")]
-        [StringLength(50, ErrorMessage = "Le mot de passe est trop long")]
+        [MinLength(4, ErrorMessage = "Le mot de passe est trop court")]
         public string? Password { get; set; }
 
         [Required(ErrorMessage = "Vous devez confirmer votre mot de passe")]
-        [StringLength(50, ErrorMessage = "Le pseudo est trop long")]
-        public string? ConfirmPasswd { get; set; }
+        [Compare(nameof(Password), ErrorMessage = "Les mot de passe ne correspondent pas!")]
+        public string? PasswordConfirm { get; set; }
     }
 }

src/CraftSharp/Pages/Connexion.razor

@@ -5,28 +5,27 @@
     <div class="option">
         <h1>Connexion</h1>
         <div>
-             <EditForm Model="@connexion" OnValidSubmit="@seConnecter">
-            <DataAnnotationsValidator />
-            <ValidationSummary />
+             <EditForm class="form-signin" OnValidSubmit="OnSubmit" Model="loginRequest">
+                <DataAnnotationsValidator />
 
-            <div class="editForm">
-                <p>
-                    <label for="display-name">
-                        Pseudonyme:
-                         <InputText id="name" @bind-Value="@connexion.Name" />
-                    </label>
-                </p>
-                <p>
-                    <label for="name">
-                        Mot de passe:
-                         <InputText id="password"  type="password" @bind-Value="@connexion.Password" />
-                     </label>
-                </p>
-            </div>
-             <div class="choix">
-                  <button classtype="submit"> Se connecter </button>  
-             </div>
-            </EditForm>
+                <label for="inputUsername" class="sr-only">Pseudonyme</label>
+                <InputText id="inputUsername" class="form-control" @bind-Value="loginRequest.UserName" autofocus placeholder="Entrez votre pseudonyme" />
+                <ValidationMessage For="@(() => loginRequest.UserName)" />
+
+                 <br />
+                <label for="inputPassword" class="sr-only">Mot de passe</label>
+                <InputText type="password" id="inputPassword" class="form-control" placeholder="Entrez votre mot de passe" @bind-Value="loginRequest.Password" />
+                <ValidationMessage For="@(() => loginRequest.Password)" />
+
+                 <br />
+                <button class="btn btn-lg btn-primary btn-block" type="submit">Se connecter</button>
+
+                <br />
+                <label class="text-danger">@error</label>
+                <NavLink href="inscription">
+                    <h6 class="font-weight-normal text-center">Creer un compte</h6>
+                </NavLink>
+        </EditForm>
         </div> 
     </div>
     <object>

src/CraftSharp/Pages/Connexion.razor.cs

@@ -4,21 +4,32 @@ using System.ComponentModel.DataAnnotations;
 using Microsoft.Extensions.Logging;
 using Microsoft.AspNetCore.Components;
 using CraftSharp.Models;
+using CraftSharp.Services;
 
 namespace CraftSharp.Pages
 {
     public partial class Connexion
     {
-        private readonly ConnexionModel connexion = new();
+        [Inject]
+        public CustomStateProvider AuthStateProvider { get; set; }
 
-        private string _connexionId = "test";
-        private string _connexionPasswrd = "test";
+        [Inject]
+        public NavigationManager NavigationManager { get; set; }
 
-        private void seConnecter()
+        private string error { get; set; }
+        private ConnexionModel loginRequest { get; set; } = new ConnexionModel();
+
+        private async Task OnSubmit()
         {
-            if (connexion.Name == _connexionId && connexion.Password == _connexionPasswrd)
+            error = null;
+            try
+            {
+                await AuthStateProvider.Login(loginRequest);
+                NavigationManager.NavigateTo("");
+            }
+            catch (Exception ex)
             {
-                NavManager.NavigateTo("/counter");
+                error = ex.Message;
             }
         }
     }

src/CraftSharp/Pages/Index.razor

@@ -12,6 +12,27 @@
 <img src="images/@(Localizer["subtext-img"]).png" width="70%" />
 <br />
 
-Welcome to your new app.
+<AuthorizeView>
+    <Authorized>
+        <h1>Hello @context.User.Identity.Name !!</h1>
+
+        <p>Welcome to Blazor Learner.</p>
+        
+        <ul>
+            @foreach (var claim in context.User.Claims)
+            {
+                <li>@claim.Type: @claim.Value</li>
+            }
+        </ul>
+
+    </Authorized>
+    <Authorizing>
+        <h1>Loading ...</h1>
+    </Authorizing>
+    <NotAuthorized>
+        <h1>Echec de la connexion!</h1>
+        <p>Vous n'etes pas connecté</p>
+    </NotAuthorized>
+</AuthorizeView>
 
 <SurveyPrompt Title="How is Blazor working for you?" />

src/CraftSharp/Pages/Inscription.razor

@@ -5,40 +5,32 @@
     <div class="option">
         <h1>Inscription</h1>
         <div>
-          <EditForm Model="@inscription" OnValidSubmit="@inscrire">
-            <DataAnnotationsValidator />
-            <ValidationSummary />
-
-            <div class="editForm">
-                <p>
-                    <label for="email">
-                        Email:
-                         <InputText id="email" @bind-Value="@inscription.Email" />
-                     </label>
-                </p>
-                <p>
-                    <label for="pseudo">
-                        Pseudonyme:
-                         <InputText id="pseudo" @bind-Value="@inscription.Pseudo" />
-                    </label>
-                </p>
-                <p>
-                    <label for="password">
-                        Mot de passe:
-                         <InputText id="password"  type="password" @bind-Value="@inscription.Password" />
-                     </label>
-                </p>
-                <p>
-                    <label for="confimPasswd">
-                        Mot de passe:
-                         <InputText id="confimPasswd"  type="password" @bind-Value="@inscription.ConfirmPasswd" />
-                     </label>
-                </p>
-            </div>
-            <div class="choix">
-                 <button classtype="submit"> Valider </button>    
-             </div>
-          </EditForm>
+          <EditForm class="form-signin" OnValidSubmit="@OnSubmit" Model="@registerRequest">
+                <DataAnnotationsValidator />
+               
+
+                <label for="inputUsername" class="sr-only">Pseudonyme</label>
+                <InputText id="inputUsername" class="form-control" placeholder="Entrez votre pseudonyme" autofocus @bind-Value="@registerRequest.UserName" />
+                <ValidationMessage For="@(() => registerRequest.UserName)" />
+
+                 <br />
+                <label for="inputPassword" class="sr-only">Mot de passe</label>
+                <InputText type="password" id="inputPassword" class="form-control" placeholder="Entrez votre mot de passe" @bind-Value="@registerRequest.Password" />
+                <ValidationMessage For="@(() => registerRequest.Password)" />
+
+                <br />
+                <label for="inputPasswordConfirm" class="sr-only">Confirmation</label>
+                <InputText type="password" id="inputPasswordConfirm" class="form-control" placeholder="Confirmez votre mot de passe" @bind-Value="@registerRequest.PasswordConfirm" />
+                <ValidationMessage For="@(() => registerRequest.PasswordConfirm)" />
+
+                <br />
+                <button class="btn btn-lg btn-primary btn-block" type="submit">S'inscrire</button>
+
+                <label class="text-danger">@error</label>
+                <NavLink href="connexion">
+                    <h6 class="font-weight-normal text-center">Vous avez un compte ? Connectez vous</h6>
+                </NavLink>
+        </EditForm>
             
         </div> 
     </div>

src/CraftSharp/Pages/Inscription.razor.cs

@@ -4,15 +4,27 @@ using System.ComponentModel.DataAnnotations;
 using Microsoft.Extensions.Logging;
 using Microsoft.AspNetCore.Components;
 using CraftSharp.Models;
+using CraftSharp.Services;
 
 namespace CraftSharp.Pages
 {
     public partial class Inscription
     {
-        private readonly InscriptionModel inscription = new();
+        [Inject]
+        public CustomStateProvider AuthStateProvider { get; set; }
 
-        private void inscrire()
+        [Inject]
+        public NavigationManager NavigationManager { get; set; }
+
+        private string error { get; set; }
+        private InscriptionModel registerRequest { get; set; } = new InscriptionModel();
+
+        private async Task OnSubmit()
         {
+
+                await AuthStateProvider.Register(registerRequest);
+                NavigationManager.NavigateTo("");
+
         }
     }
 }

src/CraftSharp/Program.cs

@@ -10,6 +10,7 @@ using Microsoft.AspNetCore.Components.Web;
 using Microsoft.AspNetCore.Localization;
 using Microsoft.Extensions.Options;
 using System.Globalization;
+using Microsoft.AspNetCore.Components.Authorization;
 
 var builder = WebApplication.CreateBuilder(args);
 
@@ -17,6 +18,11 @@ var builder = WebApplication.CreateBuilder(args);
 builder.Services.AddRazorPages();
 builder.Services.AddServerSideBlazor();
 builder.Services.AddSingleton<WeatherForecastService>();
+builder.Services.AddOptions();
+builder.Services.AddAuthorizationCore();
+builder.Services.AddScoped<CustomStateProvider>();
+builder.Services.AddScoped<AuthenticationStateProvider>(s => s.GetRequiredService<CustomStateProvider>());
+builder.Services.AddScoped<IAuthService, AuthService>();
 
 // Add the controller of the app
 builder.Services.AddControllers();

src/CraftSharp/Services/AuthService.cs

@@ -0,0 +1,53 @@
+using CraftSharp.Models;
+using System.Security.Claims;
+
+namespace CraftSharp.Services
+{
+    public class AuthService : IAuthService
+    {
+        private static readonly List<AppUser> CurrentUser;
+
+        static AuthService()
+        {
+            CurrentUser = new List<AppUser>
+        {
+            new AppUser { UserName = "Admin", Password = "123456", Roles = new List<string> { "admin" } }
+        };
+        }
+
+        public CurrentUser GetUser(string userName)
+        {
+            var user = CurrentUser.FirstOrDefault(w => w.UserName == userName);
+
+            if (user == null)
+            {
+                throw new Exception("User name or password invalid !");
+            }
+
+            var claims = new List<Claim>();
+            claims.AddRange(user.Roles.Select(s => new Claim(ClaimTypes.Role, s)));
+
+            return new CurrentUser
+            {
+                IsAuthenticated = true,
+                UserName = user.UserName,
+                Claims = claims.ToDictionary(c => c.Type, c => c.Value)
+            };
+        }
+
+        public void Login(ConnexionModel loginRequest)
+        {
+            var user = CurrentUser.FirstOrDefault(w => w.UserName == loginRequest.UserName && w.Password == loginRequest.Password);
+
+            if (user == null)
+            {
+                throw new Exception("User name or password invalid !");
+            }
+        }
+
+        public void Register(InscriptionModel registerRequest)
+        {
+            CurrentUser.Add(new AppUser { UserName = registerRequest.UserName, Password = registerRequest.Password, Roles = new List<string> { "guest" } });
+        }
+    }
+}

src/CraftSharp/Services/CustomStateProvider.cs

@@ -0,0 +1,75 @@
+using CraftSharp.Models;
+using Microsoft.AspNetCore.Components.Authorization;
+using System.Security.Claims;
+
+namespace CraftSharp.Services
+{
+    public class CustomStateProvider : AuthenticationStateProvider
+    {
+        private readonly IAuthService _authService;
+        private CurrentUser _currentUser;
+
+        public CustomStateProvider(IAuthService authService)
+        {
+            this._authService = authService;
+        }
+
+        public override async Task<AuthenticationState> GetAuthenticationStateAsync()
+        {
+            var identity = new ClaimsIdentity();
+            try
+            {
+                var userInfo = GetCurrentUser();
+                if (userInfo.IsAuthenticated)
+                {
+                    var claims = new[] { new Claim(ClaimTypes.Name, _currentUser.UserName) }.Concat(_currentUser.Claims.Select(c => new Claim(c.Key, c.Value)));
+                    identity = new ClaimsIdentity(claims, "Server authentication");
+                }
+            }
+            catch (HttpRequestException ex)
+            {
+                Console.WriteLine("Request failed:" + ex);
+            }
+
+            return new AuthenticationState(new ClaimsPrincipal(identity));
+        }
+
+        public async Task Login(ConnexionModel loginParameters)
+        {
+            _authService.Login(loginParameters);
+
+            // No error - Login the user
+            var user = _authService.GetUser(loginParameters.UserName);
+            _currentUser = user;
+
+            NotifyAuthenticationStateChanged(GetAuthenticationStateAsync());
+        }
+
+        public async Task Logout()
+        {
+            _currentUser = null;
+            NotifyAuthenticationStateChanged(GetAuthenticationStateAsync());
+        }
+
+        public async Task Register(InscriptionModel registerParameters)
+        {
+            _authService.Register(registerParameters);
+
+            // No error - Login the user
+            var user = _authService.GetUser(registerParameters.UserName);
+            _currentUser = user;
+
+            NotifyAuthenticationStateChanged(GetAuthenticationStateAsync());
+        }
+
+        private CurrentUser GetCurrentUser()
+        {
+            if (_currentUser != null && _currentUser.IsAuthenticated)
+            {
+                return _currentUser;
+            }
+
+            return new CurrentUser();
+        }
+    }
+}

src/CraftSharp/Services/IAuthService.cs

@@ -0,0 +1,13 @@
+using CraftSharp.Models;
+
+namespace CraftSharp.Services
+{
+    public interface IAuthService
+    {
+        CurrentUser GetUser(string userName);
+
+        void Login(ConnexionModel loginRequest);
+
+        void Register(InscriptionModel registerRequest);
+    }
+}

src/CraftSharp/Shared/HeaderLayout.razor

@@ -45,6 +45,7 @@
             </button>
                 <button @onclick=@goInscription> S'inscrire
             </button>
+            <button type="button" class="btn btn-link ml-md-auto" @onclick="@LogoutClick">Se deconnecter</button>
         </div>
         </div>
     </div>

src/CraftSharp/Shared/HeaderLayout.razor.cs

@@ -1,4 +1,6 @@
-using Microsoft.AspNetCore.Components;
+using CraftSharp.Services;
+using Microsoft.AspNetCore.Components;
+using Microsoft.AspNetCore.Components.Authorization;
 using Microsoft.Extensions.Localization;
 
 
@@ -9,6 +11,15 @@ namespace CraftSharp.Shared
         [Inject]
         public IStringLocalizer<Index> Localizer { get; set; }
 
+        [Inject]
+        public CustomStateProvider AuthStateProvider { get; set; }
+
+        [Inject]
+        public NavigationManager NavigationManager { get; set; }
+
+        [CascadingParameter]
+        private Task<AuthenticationState> AuthenticationState { get; set; }
+
         void goInscription()
         {
             navigationManager.NavigateTo("inscription");
@@ -18,5 +29,19 @@ namespace CraftSharp.Shared
         {
             navigationManager.NavigateTo("connexion");
         }
+
+        protected override async Task OnParametersSetAsync()
+        {
+            if (!(await AuthenticationState).User.Identity.IsAuthenticated)
+            {
+                NavigationManager.NavigateTo("/inscription");
+            }
+        }
+
+        private async Task LogoutClick()
+        {
+            await AuthStateProvider.Logout();
+            NavigationManager.NavigateTo("/inscription");
+        }
     }
 }

src/CraftSharp/Shared/InscriptionLayout.razor

@@ -2,7 +2,6 @@
 @inject NavigationManager navigationManager
 
 <div class="connexionBody">
-    <button @onclick=@getBack  id="back">Retour</button>
     <header>
         <img src="../images/CraftSharp-Logo.png"/>
     </header>

src/CraftSharp/Shared/InscriptionLayout.razor.cs

@@ -6,9 +6,6 @@ namespace CraftSharp.Shared
 {
     public partial class InscriptionLayout
     {
-        void getBack()
-        {
-            navigationManager.NavigateTo("");
-        }
+
     }
 }

src/CraftSharp/Shared/InscriptionLayout.razor.css

@@ -29,10 +29,10 @@ footer {
     justify-content: space-between;
 }
 
-    footer p {
-        color: white;
-        font-family: Minecraft;
-    }
+footer p {
+    color: white;
+    font-family: Minecraft;
+}
 
 .p2 {
     float: right;
@@ -50,3 +50,8 @@ button {
     padding-top: 6px;
     font-family: Minecraft;
 }
+
+h1 {
+    color: white;
+    font-family: Minecraft;
+}

src/CraftSharp/_Imports.razor

@@ -11,3 +11,4 @@
 @using Blazorise.DataGrid
 @using Blazored.Modal
 @using Blazored.Modal.Services
+@using Microsoft.AspNetCore.Components.Authorization