Blazor Extensions are a set of packages with the goal of adding useful things to Blazor.
This package wraps HTML5 Storage APIs. Both Session and Local storage types are supported.
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();
}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 OnInitAsync()
{
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);
}Please feel free to use the component, open issues, fix bugs or provide feedback.
The following people are the maintainers of the Blazor Extensions projects: