manifest.jsonのscopeについて

1つのドメインで複数のPWAアプリを公開する場合の注意事項です。

キャッシュのためか、確実に再現できず、不確かな情報であることをお断りします。

PWA list

で複数のPWAアプリを公開しています。

平成、昭和、大正、明治から西暦に変換【オフライン対応】

西暦から平成、昭和、大正、明治に変換【オフライン対応】

年月、曜日の日付を表示【オフライン対応】

各プロジェクトで、https://junkawa.github.io/pwa/<プロジェクト名>/manifest.json を置いています。

manifest.json には scope というメンバがあります。

Web App Manifest

"scope" : "/" としている例が多かったのでそれに従っていたのですが、これだとAndroid版Chromeにて、上記の複数のアプリを同時に「ホームに追加」することができませんでした。

最初にどれかのアプリを「ホームに追加」すると、それ以外のアプリはすでに「ホームに追加」されたことになってしまいました。

そこで、"scope" : "/pwa/<プロジェクト名>/" とした所、上記の問題が解決しました。

ちなみに、"start_url"は"index.html"としています。

まとめ

1つのドメインで複数のPWAアプリを公開する場合は、manifest.jsonのscopeをmanifest.jsonが置いてあるパスに指定する必要がありそう。