[Blazor] PWA 만들기 - 프로그레시브 웹 애플리케이션

PWA 는 Blazor 웹 프로젝트를 응용프로그램 처럼 만들어 주는것을 말합니다.
Blazor WebAssembly 프로젝트를 만들 때 아래처럼 프로그레시브 웹 애플리케이션을 체크하게 되면
알아서 PWA 로 구동이 가능하도록 처리가 됩니다.

아래처럼 wwwroot 아래에 관련 파일들이 추가되 있는것을 확인할 수 있습니다.

구동을 하게되면 아래 처럼 컴퓨터 모양의 아이콘이 웹브라우져상에 표시됩니다.
Edge

Chrome

아이콘을 클릭하면 설치하겠냐는 메세지 창이 뜨고

설치 버튼을 클릭하면 바로 설치가 되어 아래처럼 어플리케이션으로 구동됩니다.

아래처럼 시작메뉴에도 표시가 되며

제거 시 프로그램 추가/제거 목록에 표시되고 제거하면 제거가 됩니다.

소스 첨부

BlazorApp.PWATest.zip

0.31MB

참고
https://learn.microsoft.com/ko-kr/aspnet/core/blazor/progressive-web-app?view=aspnetcore-6.0&tabs=visual-studio#convert-an-existing-blazor-webassembly-app-into-a-pwa