Blazor WASM] session storage 사용하기

url parameter 로 받은 정보를 browser session storage 에 저장해서 사용해보자

sessionstorage package를 설치한다. 

dotnet add package Blazored.SessionStorage

Program.cs 파일에 sessionstorage service를 등록한다. 

builder.Services.AddBlazoredSessionStorage();

Index.razor 에 parameter로 받은 name을 sessionstorage에 저장하고, sessionstorage에서 가져온 name을 화면에 표시한다.

@page "/"
@page "/{name}"
@inject Blazored.SessionStorage.ISessionStorageService sessionStorage

<h1>Hello, world!</h1>

Welcome to your new app. @(nameinsession)님

@code {


		[Parameter]
		public string name { get; set; }

		protected string nameinsession = string.Empty;

		protected override async Task OnInitializedAsync()
		{
				await sessionStorage.SetItemAsStringAsync("name", name);
				nameinsession = await sessionStorage.GetItemAsync<string>("name");
				await base.OnInitializedAsync();
		}
}