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

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

https化に伴い、表示できなくなっているリンクについて修復中。
2018年から遡って修正し、2015年分まで修正完了。


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にもこの機能乗らないかな。