ASP.NET Core Blazor WebAssemblyでPWA - 晴耕雨プログラミング

2021/04/17(土)ASP.NET Core Blazor WebAssemblyでPWA

BlazorGitHub

ちょっと遠回りしましたが、思ったより簡単にできました。
ブラウザ（下記はEdge）でURLを開くとインストール用のアイコンが表示。

アイコンをクリックすると「インストール」ボタンが表示される。

インストール完了

起動

ちゃんとステータスバーにもアイコンが表示される。

スマホで試すとネイティブの電卓と比べまだまだ動きがWebアプリ、って感じですがデスクトップアプリとしては、WPF勉強しかけてましたがもういいかな？

やったこと

ホスト先を探す

httpsでアクセスできるホスト先が必要になりますが、GitHub Pages を使うことに。
こちらを使わせてもらってできたのが3.2.0の通常のBlazor WebAssemblyプログラム。
ソースを更新すると自動でGitHub Pagesの方も更新され初めてのワークフローに感動。

ここを見てPWA化しようとしたら最新版にアップデートしていない場合は使っているフレームワークのバージョン指定して取得しろとあって最新は5.0っぽいことが判明。

出来立てほやほやアプリでバージョンが余りにも古すぎる気がして最新版にあげることに。しばらく使っていなかったVisual Studio最新版にしていたのですが、プロジェクトのターゲットフレームワーク選択画面に5.0が出てこないのでここに従いSDK 5.0を入れて無事アップグレード完了。