在 Blazor 專案上,想使用 Localstorage 的功能,寫 JS 是最快解但很煩,幸好有套件可使用,就是 Blazored.LocalStorage,而且使用上非常簡單。

第一步是在 Program.cs 加上這一行:

builder.Services.AddBlazoredLocalStorage();

下列程式碼是 Blazor 的前端部份:

@using Blazored.LocalStorage
@inject ILocalStorageService localstorage;

....

@code {
    List<WebUrlData> list = new List<WebUrlData>();
    await localstorage.SetItemAsync<List<WebUrlData>>(nameof(WebUrlData), list);
    List<WebUrlData> list = await localstorage.GetItemAsync<List<WebUrlData>>(nameof(WebUrlData));
}

參考資料