👁 Image
Blazor.Extensions.Storage 1.0.0

Setup

The following snippet shows how to setup the storage wrapper by registering it for dependency injection in the Startup.cs of the application.

public void ConfigureServices(IServiceCollection services)
{
 // Add Blazor.Extensions.Storage
 // Both SessionStorage and LocalStorage are registered
 services.AddStorage();
}

Usage

The following snippet shows how to consume the storage API in a Blazor component.

@inject SessionStorage sessionStorage
@inject LocalStorage localStorage

@functions {
 protected override async Task OnInitializedAsync()
 {
 var key = "forecasts";
 await sessionStorage.SetItem<WeatherForecast[]>(key, forecasts);
 await localStorage.SetItem<WeatherForecast[]>(key, forecasts);
 var fromSession = await sessionStorage.GetItem<WeatherForecast[]>(key);
 var fromLocal = await localStorage.GetItem<WeatherForecast[]>(key);
 }
}

If you want to consume it outside of a cshtml based component, then you can use the Inject attribute to inject it into the class.

[Inject]
protected SessionStorage sessionStorage;

[Inject]
protected LocalStorage localStorage;

public Task LogSomething()
{
 var key = "forecasts";
 await sessionStorage.SetItem<WeatherForecast[]>(key, forecasts);
 await localStorage.SetItem<WeatherForecast[]>(key, forecasts);
 var fromSession = await sessionStorage.GetItem<WeatherForecast[]>(key);
 var fromLocal = await localStorage.GetItem<WeatherForecast[]>(key);
}

Contributions and feedback

Please feel free to use the component, open issues, fix bugs or provide feedback.

Contributors

The following people are the maintainers of the Blazor Extensions projects:

• Attila Hajdrik
• Gutemberg Ribiero