Proseguendo con le novità fornite da .NET 9 nell'ecosistema Blazor, troviamo una nuova interfaccia di riconnessione quando la pagina è mostrata in modalità Server e il collegamento viene a mancare.

Ottiene, possiamo dire finalmente, uno stile user-friendly, andando a perdere il vecchio layout: un alert giallo in cima alla pagina, in favore di una ben più aggraziata modale con uno spinner che notifica l'utente sul tentativo di riconnessione al server.

Il sistema è configurato in modo tale che le tempistiche di riconnessione possano essere modificate e gestite a seconda delle necessità. Prima di tutto occorrerà fermare l'esecuzione automatica di Blazor all'interno dell'applicazione, impostando autostart a false.

<script src="_framework/blazor.web.js" autostart="false"></script>

Andiamo dunque ad eseguire Blazor fornendo in input i nostri parametri, che possono essere numero massimo di tentativi e tempo di attesa, tra i vari retry in millisecondi, oppure un array di millisecondi che specificherà sia il numero che il tempo di attesa.

<script>
  Blazor.start({
        circuit: {
            reconnectionOptions: {
                maxRetries: 6,
                retryIntervalMilliseconds: (previousAttempts, maxRetries) =>
                        previousAttempts >= maxRetries
                            ? null
                            : previousAttempts * 1000
                },
            },
    });
</script>

<script>
  Blazor.start({
    circuit: {
            reconnectionOptions: {
                retryIntervalMilliseconds:
                    Array.prototype.at.bind(
                        [0, 1000, 2000, 3000, 4000, 5000, 6000, 7000]
                    ),
      },
    },
  });
</script>