postb99/blazor-server-mini-sandbox
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: postb99:fc8d59ae127a62afdf7a03fdc116f35b6b84c17c
Branches Tags
postb99:main
...
compare: postb99:main
Branches Tags
postb99:main

2 Commits
fc8d59ae12 ... main

Author SHA1 Message Date
postb99
88e02c27ee Activate InteractiveServer rendermode to whole app, add and use Blazor.Storage package, display current render mode, remove added stuff that was required for static rendering 2026-02-06 22:14:45 +01:00
postb99
0878d0885a Code cleanup 2026-01-28 22:39:29 +01:00
7 changed files with 53 additions and 22 deletions
Expand all files Collapse all files

15
App.Services/AuthService/AuthService.cs
View File

@@ -3,21 +3,14 @@ using Sandbox.Models.ViewModels;
namespace Sandbox.App.Services.AuthService; namespace Sandbox.App.Services.AuthService;
public class AuthService : IAuthService public class AuthService(HttpClient httpClient, AuthenticationStateProvider authenticationStateProvider)
: IAuthService
{ {
private readonly HttpClient _http; private readonly AuthenticationStateProvider _authenticationStateProvider = authenticationStateProvider;
//private readonly AuthenticationStateProvider _authenticationStateProvider;
// public AuthService(HttpClient httpClient, AuthenticationStateProvider authenticationStateProvider)
public AuthService(HttpClient httpClient)
{
_http = httpClient;
//_authenticationStateProvider = authenticationStateProvider;
}
public async Task<ServiceResponse<int>> Register(UserRegister request) public async Task<ServiceResponse<int>> Register(UserRegister request)
{ {
var result = await _http.PostAsJsonAsync("api/auth/register", request); var result = await httpClient.PostAsJsonAsync("api/auth/register", request);
return await result.Content.ReadFromJsonAsync<ServiceResponse<int>>(); return await result.Content.ReadFromJsonAsync<ServiceResponse<int>>();
} }

2
Components/App.razor
View File

@@ -15,7 +15,7 @@
</head> </head>
<body> <body>
<Routes /> <Routes @rendermode="InteractiveServer" />
<ReconnectModal /> <ReconnectModal />
<script src="@Assets["_framework/blazor.web.js"]"></script> <script src="@Assets["_framework/blazor.web.js"]"></script>
</body> </body>

18
Components/Pages/Account/Register.razor
View File

@@ -1,13 +1,13 @@
@page "/register" @page "/register"
@using Blazored.LocalStorage
@using Sandbox.Models.ViewModels @using Sandbox.Models.ViewModels
@inject Sandbox.App.Services.AuthService.IAuthService AuthService @inject Sandbox.App.Services.AuthService.IAuthService AuthService
@* @inject AuthenticationStateProvider AuthenticationStateProvider *@ @inject ILocalStorageService LocalStorageService
@* @inject NavigationManager NavigationManager *@
<title>Register</title> <title>Register</title>
<EditForm Model="user" OnValidSubmit="HandleRegistration" OnInvalidSubmit="HandleInvalidSubmit" FormName="registerForm"> <EditForm Model="user" OnValidSubmit="HandleRegistration" OnInvalidSubmit="HandleInvalidSubmit">
<DataAnnotationsValidator/> <DataAnnotationsValidator/>
<div class="d-flex justify-content-center align-items-center"> <div class="d-flex justify-content-center align-items-center">
<div class="col-md-4 p-5 shadow-sm border rounded-3"> <div class="col-md-4 p-5 shadow-sm border rounded-3">
@@ -41,6 +41,10 @@
</div> </div>
</EditForm> </EditForm>
<div class="text-info">
@RendererInfo.Name
</div>
<div class="text-danger"> <div class="text-danger">
<span>@errorMessage</span> <span>@errorMessage</span>
</div> </div>
@@ -50,9 +54,7 @@
</div> </div>
@code { @code {
[SupplyParameterFromForm] private UserRegister user { get; set; } private UserRegister user { get; set; }
//HttpClient _http = new() { BaseAddress = new("https://localhost:7122") };
private string message = string.Empty; private string message = string.Empty;
private string messageCssClass = string.Empty; private string messageCssClass = string.Empty;
@@ -62,11 +64,11 @@
async Task HandleRegistration() async Task HandleRegistration()
{ {
// var response = await _http.PostAsJsonAsync("/api/register", user);
// var result = await response.Content.ReadFromJsonAsync<ServiceResponse<int>>();
var result = await AuthService.Register(user); var result = await AuthService.Register(user);
message = result.Message; message = result.Message;
messageCssClass = result.Success ? "text-success" : "text-danger"; messageCssClass = result.Success ? "text-success" : "text-danger";
await LocalStorageService.SetItemAsync("test", message);
} }
async Task HandleInvalidSubmit() async Task HandleInvalidSubmit()

7
HttpClientSetupService.cs
View File

@@ -2,7 +2,12 @@
using Microsoft.AspNetCore.Hosting.Server.Features; using Microsoft.AspNetCore.Hosting.Server.Features;
namespace Sandbox; namespace Sandbox;
/// <summary>
/// Source: https://www.duracellko.net/posts/2020/06/hosting-both-blazor-server-and-webassembly
/// </summary>
/// <param name="httpClient"></param>
/// <param name="server"></param>
/// <param name="applicationLifetime"></param>
public class HttpClientSetupService( public class HttpClientSetupService(
HttpClient httpClient, HttpClient httpClient,
IServer server, IServer server,

5
Program.cs
View File

@@ -1,9 +1,9 @@
using Blazored.LocalStorage;
using Sandbox; using Sandbox;
using Sandbox.Components; using Sandbox.Components;
using Sandbox.Models.ViewModels; using Sandbox.Models.ViewModels;
using Sandbox.Services.AuthService; using Sandbox.Services.AuthService;
using ClientServices = Sandbox.App.Services; using ClientServices = Sandbox.App.Services;
using ServerServices = Sandbox.Services;
var builder = WebApplication.CreateBuilder(args); var builder = WebApplication.CreateBuilder(args);
@@ -11,6 +11,9 @@ var builder = WebApplication.CreateBuilder(args);
builder.Services.AddRazorComponents() builder.Services.AddRazorComponents()
.AddInteractiveServerComponents(); .AddInteractiveServerComponents();
// Blazor.Storage
builder.Services.AddBlazoredLocalStorage();
// Blazor client services // Blazor client services
builder.Services.AddScoped<ClientServices.AuthService.IAuthService, ClientServices.AuthService.AuthService>(); builder.Services.AddScoped<ClientServices.AuthService.IAuthService, ClientServices.AuthService.AuthService>();

4
blazor-server-mini-sandbox.csproj
View File

@@ -9,4 +9,8 @@
<BlazorDisableThrowNavigationException>true</BlazorDisableThrowNavigationException> <BlazorDisableThrowNavigationException>true</BlazorDisableThrowNavigationException>
</PropertyGroup> </PropertyGroup>
<ItemGroup>
<PackageReference Include="Blazor.Storage" Version="5.0.0" />
</ItemGroup>
</Project> </Project>

24
blazor-server-mini-sandbox.sln Normal file
View File

@@ -0,0 +1,24 @@
Microsoft Visual Studio Solution File, Format Version 12.00
# Visual Studio Version 17
VisualStudioVersion = 17.5.2.0
MinimumVisualStudioVersion = 10.0.40219.1
Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "blazor-server-mini-sandbox", "blazor-server-mini-sandbox.csproj", "{A4595977-F945-77FD-CAC9-1B945F061E97}"
EndProject
Global
GlobalSection(SolutionConfigurationPlatforms) = preSolution
Debug|Any CPU = Debug|Any CPU
Release|Any CPU = Release|Any CPU
EndGlobalSection
GlobalSection(ProjectConfigurationPlatforms) = postSolution
{A4595977-F945-77FD-CAC9-1B945F061E97}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
{A4595977-F945-77FD-CAC9-1B945F061E97}.Debug|Any CPU.Build.0 = Debug|Any CPU
{A4595977-F945-77FD-CAC9-1B945F061E97}.Release|Any CPU.ActiveCfg = Release|Any CPU
{A4595977-F945-77FD-CAC9-1B945F061E97}.Release|Any CPU.Build.0 = Release|Any CPU
EndGlobalSection
GlobalSection(SolutionProperties) = preSolution
HideSolutionNode = FALSE
EndGlobalSection
GlobalSection(ExtensibilityGlobals) = postSolution
SolutionGuid = {08319A16-FD23-406A-9429-7EA3AFE8A9DD}
EndGlobalSection
EndGlobal