Persistence des données

Comme notre code s'éxécute dans le navigateur de l'utilisateur, nous ne pouvons pas stocker les données de la même manière que dans une application classique.

Les moyens les plus souvent utilisés pour stocker des données dans le navigateur sont les suivants:

  • LocalStorage
  • Cookies

Nous allons voir comment utiliser LocalStorage dans notre application Blazor.

ProtectedLocalStorage

Stocker des données

private readonly ProtectedLocalStorage _sessionStorage;
Pokemon pokemon = new Pokemon { Name = "Pikachu", Type = "Electric" };
await _sessionStorage.SetAsync("MonPokemon", pokemon);

Récupérer des données

private readonly ProtectedLocalStorage _sessionStorage;
Pokemon pokemon = await _sessionStorage.GetAsync<Pokemon>("MonPokemon").Value;

Supprimer des données

private readonly ProtectedLocalStorage _sessionStorage;
await _sessionStorage.DeleteAsync("MonPokemon");

Vider le storage

private readonly ProtectedLocalStorage _sessionStorage;
await _sessionStorage.ClearAsync();