いろいろやってみるにっき

てきとーに生きている奴の日記

古いエントリのサムネイル画像がリンク切れになってたりするけど、チマチマ修正中


WSL2のUbuntuにインストールしたExpressでPWAを動かしてEdgeでアクセスするとインストールできる

WSL2のUbuntu 18.04(増殖したやつ)にExpressを入れ、自宅内なのでオレオレ証明書httpsでアクセスでき、ポートフォワードで他のPCやスマホタブレットからアクセスできるようにした。

 

shigeo-t.hatenablog.com

shigeo-t.hatenablog.com

shigeo-t.hatenablog.com

shigeo-t.hatenablog.com

 

今回はポートフォワードは関係ない。EdgeにはPWAをインストールする機能があるらしい。

news.mynavi.jp

 

確認してみる。PWAアプリのサンプルはこちらを活用。

qiita.com

 

アクセスしてみた。[PWAサンプルアプリのインストール]アイコンが出る。

f:id:shigeo-t:20210325131407p:plain

 

インストールしてみる。

f:id:shigeo-t:20210325131510p:plain

 

アプリがPWAとして起動する。タスクバーにはアイコンが出る。

f:id:shigeo-t:20210325131621p:plain

f:id:shigeo-t:20210325131655p:plain

スタートメニューにも追加されている。

f:id:shigeo-t:20210325132505p:plain

デスクトップにはアイコンは無かった。

 

Edgeで動いているので[F12]押してDevツール起動したらどうなるかなと思ったら、Devツール起動した。Edgeって「ようこそ」タブがあるんだな。

f:id:shigeo-t:20210326010201p:plain

マニフェストも「アプリケーション」タブで検証可能。普段「アプリケーション」タブ開かないから知らなかったけど、Chromeでもマニフェスト表示できた。

f:id:shigeo-t:20210326010507p:plain

 

アプリとして表示されているウィンドウのメニューをクリックすると、メニュー内には[アプリ情報]や[PWAサンプルアプリの アンインストール]などがある。

f:id:shigeo-t:20210325131739p:plain

 

まずはアプリ情報。サイト情報などが表示される。

f:id:shigeo-t:20210325131939p:plain

 

次に同じアプリをオレオレ証明書の環境で表示する。[PWAサンプルアプリのインストール]アイコンが出ない。

f:id:shigeo-t:20210325132146p:plain

 

ということで、Edgeはオレオレ証明書ではダメで、VALIDな証明書を使っているサイトでなければPWA扱いしないということが分かった。ChromiumなEdgeでこの機能があるんだから、Chromeにもこの機能乗らないかな。

お時間あったら、他のエントリもクリックして頂ければ幸いです。