Files

Alberto Balbo ed42a41bcd Autenticazione Identity: login sicuro, lockout, UI aggiornata

- Integra ASP.NET Core Identity: login/password, lockout brute-force, cookie sicuri, password policy forte
- Seed automatico utente admin da variabili ambiente (fallback password temporanea forte)
- Tutte le pagine principali ora protette con [Authorize] e redirect automatico a /login
- Nuovo layout login/logout pulito senza sidebar, spinner durante redirect
- NavMenu mostra utente autenticato e logout
- Rimosse credenziali Bidoo da env/Docker: ora solo cookie sessione da UI
- Aggiornata documentazione: sicurezza, deploy, backup, troubleshooting
- Fix NavigationException, SectionRegistry, errori header read-only
- Versione incrementata a 1.2.0, pronto per deploy production Tailscale/Unraid

2026-01-21 17:00:51 +01:00

7.3 KiB

Raw Permalink Blame History

? FIX: Errore SectionRegistry - Layout Duplicato Risolto

?? Errore Identificato

System.InvalidOperationException: There is already a subscriber to the content 
with the given section ID 'System.Object'.
   at Microsoft.AspNetCore.Components.Sections.SectionRegistry.Subscribe

Causa: LoginLayout.razor conteneva un HTML completo con <HeadOutlet />, creando un duplicato con quello già presente in _Host.cshtml.

??? Architettura Blazor Server

Come Funziona il Rendering

_Host.cshtml (HTML esterno)
    ?
<component type="typeof(App)" />
    ?
App.razor (Router)
    ?
Layout (MainLayout o LoginLayout)
    ?
Page (Index, Login, etc.)

Regola importante: Solo _Host.cshtml deve contenere:

<!DOCTYPE html>
<html>, <head>, <body>
<HeadOutlet />

I Layout (.razor) devono contenere SOLO:

@inherits LayoutComponentBase
@Body per il contenuto
CSS/JS inline se necessario

? Soluzione Applicata

Prima (ERRATO - causava duplicazione)

@inherits LayoutComponentBase

<!DOCTYPE html>  ? ? DUPLICATO (già in _Host.cshtml)
<html lang="it">  ? ? DUPLICATO
<head>            ? ? DUPLICATO
    <HeadOutlet /> ? ? DUPLICATO (già in _Host.cshtml)
</head>
<body>            ? ? DUPLICATO
    @Body
</body>
</html>

Problema: _Host.cshtml ha già <HeadOutlet />, creando quindi DUE outlet con lo stesso ID.

Dopo (CORRETTO - minimal layout)

@inherits LayoutComponentBase

<div class="login-page">
    @Body
</div>

<style>
    .login-page {
        min-height: 100vh;
        width: 100vw;
        overflow: hidden;
    }
    
    .login-page + .sidebar,
    .login-page .sidebar {
        display: none !important;
    }
</style>

Vantaggi:

? Nessuna duplicazione HTML
? Nessun <HeadOutlet /> duplicato
? CSS inline per nascondere sidebar
? Fullscreen layout per login

?? Come Funziona Ora

1. Browser richiede: http://localhost:5000
   ?
2. _Host.cshtml renderizza:
   - <html>, <head>, <body>
   - <HeadOutlet /> (UNICO)
   - <component type="typeof(App)" />
   ?
3. App.razor (Router):
   - Controlla autenticazione
   - Utente non autenticato ? <RedirectToLogin />
   ?
4. RedirectToLogin:
   - Spinner "Reindirizzamento..."
   - Navigation.NavigateTo("/login")
   ?
5. Login.razor:
   - @layout LoginLayout
   - LoginLayout.razor renderizza:
     <div class="login-page">
       @Body (Login.razor)
     </div>
   ?
6. ? Pagina login PULITA:
   - Nessuna sidebar
   - Solo form login
   - Nessun errore SectionRegistry

1. Login riuscito
   ?
2. Navigation.NavigateTo("/")
   ?
3. App.razor ? AuthorizeRouteView
   - Utente autenticato ?
   ?
4. Index.razor:
   - @attribute [Authorize]
   - Usa MainLayout (default)
   - MainLayout ha sidebar/menu
   ?
5. ? Dashboard completa:
   - Sidebar visibile
   - Menu funzionante
   - UI completa

?? Confronto Layout

MainLayout.razor (App Principale)

@inherits LayoutComponentBase

<div class="page">
    <div class="sidebar">
        <NavMenu />
    </div>

    <main>
        <div class="top-row px-4">
            <!-- Header -->
        </div>

        <article class="content px-4">
            @Body
        </article>
    </main>
</div>

Usato da:

Index.razor
FreeBids.razor
Statistics.razor
Settings.razor
Health.razor

LoginLayout.razor (Pagine Auth)

@inherits LayoutComponentBase

<div class="login-page">
    @Body
</div>

<style>
    .login-page {
        min-height: 100vh;
        width: 100vw;
        overflow: hidden;
    }
</style>

Usato da:

Login.razor
Logout.razor

?? Test Completo

1. dotnet run
2. Browser: http://localhost:5000
3. ? Nessun errore SectionRegistry
4. ? Spinner "Reindirizzamento..." appare
5. ? Redirect a /login
6. ? Pagina login pulita (nessuna sidebar)
7. ? Form login funzionante

1. Username: admin
2. Password: Admin@Password123!
3. Click "Accedi"
4. ? Redirect a homepage
5. ? Sidebar APPARE
6. ? Menu funzionante
7. ? Dashboard completa

Test 3: Logout

1. Click "Logout" in sidebar
2. ? Redirect a /logout
3. ? LoginLayout usato (nessuna sidebar)
4. ? Spinner "Disconnessione..."
5. ? Redirect a /login
6. ? Pagina login pulita

Test 4: Accesso Diretto Pagina Protetta

1. Logout
2. Browser: http://localhost:5000/settings
3. ? Spinner "Reindirizzamento..."
4. ? Redirect a /login
5. ? LoginLayout usato (nessuna sidebar)
6. Login ? redirect a /settings
7. ? MainLayout usato (sidebar visibile)

? Checklist Correzioni

LoginLayout.razor corretto - Rimossi tag HTML duplicati
HeadOutlet unico - Solo in _Host.cshtml
Layout minimal - Solo @Body e CSS inline
Build riuscita - Nessun errore compilazione
Errore SectionRegistry risolto - Nessuna duplicazione

?? File Modificati

File	Modifica	Motivo
`Shared/LoginLayout.razor`	Rimosso HTML completo	Evita duplicazione `<HeadOutlet />`

File NON modificati:

Pages/_Host.cshtml - Già corretto ?
App.razor - Già corretto ?
Pages/Login.razor - Già usa @layout LoginLayout ?

?? Best Practices Blazor Server

? DO

<!-- Layout.razor -->
@inherits LayoutComponentBase

<div class="my-layout">
    @Body
</div>

<style>
    /* Stili inline OK */
</style>

? DON'T

<!-- Layout.razor - ERRATO! -->
@inherits LayoutComponentBase

<!DOCTYPE html>  ? ? NO! Già in _Host.cshtml
<html>           ? ? NO!
<head>           ? ? NO!
    <HeadOutlet /> ? ? NO! Causa duplicazione
</head>
<body>           ? ? NO!
    @Body
</body>
</html>

Struttura Corretta

_Host.cshtml:
  - <!DOCTYPE html>
  - <html>, <head>, <body>
  - <HeadOutlet /> (UNICO)
  - <component type="typeof(App)" />

App.razor:
  - <Router>
  - <AuthorizeRouteView>
  - Layout routing

Layout.razor:
  - @inherits LayoutComponentBase
  - @Body
  - CSS/JS inline opzionale

Page.razor:
  - @page "/route"
  - @layout LayoutName (opzionale)
  - Contenuto pagina

?? Troubleshooting

Errore: "There is already a subscriber to the content with the given section ID"

Causa: Doppio <HeadOutlet /> o <SectionOutlet>

Verifica:

_Host.cshtml deve avere UN SOLO <HeadOutlet />
Layout (.razor) NON devono avere <HeadOutlet />
Layout NON devono avere tag <html>, <head>, <body>

Soluzione:

Rimuovi tag HTML duplicati dai layout
Lascia solo @Body e CSS inline nei layout

Errore: "Cannot find component 'HeadOutlet'"

Causa: Manca import namespace