Q&A
いつもお世話になっています。
下記の質問についてご存知の方がいらっしゃいましたら、ご教示を願います。
【質問の主旨】
【質問の補足】1で公開しているGitHubコードに基づいてAMPページにPWAを実装し、Firebaseにアップロードしています。 ですがAndroidスマホのブラウザでアクセスしても、PWA用のアイコンを登録するためのバナーが表示されません。 なぜでしょうか？
【質問の補足】
1.
GitHubのコードは以下の通りです。
https://github.com/echizenyayota/accelerated-mobile-pages-foundations
2.
今回の質問に関するAMPページのURLです。リクエストが来たときに最初に表示させたいファイルはarticle.amp.htmlです。
https://ampf-5bfd6.firebaseapp.com/article.amp.html
3.
AMPページは「HTMLをAMPに変換する」というチュートリアルを写経しています。
https://amp.dev/ja/documentation/guides-and-tutorials/start/converting/?referrer=ampproject.org
4.
AMPページにPWAを実装する手順は「AMP ページでプログレッシブ ウェブアプリ機能を有効にする」の 「Service Worker をインストールしてオフライン アクセスを有効にする」 という見出しのところまでに基づいています。
https://amp.dev/ja/documentation/guides-and-tutorials/optimize-and-measure/amp-as-pwa?format=websites
以上、ご確認のほどよろしくお願い申し上げます。
回答1件
0
https://github.com/echizenyayota/accelerated-mobile-pages-foundations/blob/master/public/article.amp.html
とりあえず、このページにmanifest.jsonが埋め込まれていないのと、installするSWがsw-install.jsになっているようなので、それは直したほうが良いですね。
次に、この作成したマニフェストに、AMP ページの <head> からリンクします。
<link rel="manifest" href="/manifest.json">
↑これが無いです
次に、下記のコードを <body> 内に追加します（実際にお使いの Service Worker に変更してください）。
<amp-install-serviceworker src="https://www.your-domain.com/serviceworker.js" layout="nodisplay">
</amp-install-serviceworker>
↑ sw-install.jsが指定されているようですが、sw.jsのはずです。
投稿2019/05/13 11:28
総合スコア767
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/05/14 07:04