問題タブ [progressive-web-apps]

マニフェストをリンクしましたが、ホームスクリーンからロードするときに私のウェブサイトに新しいスプラッシュスクリーン ( https://developers.google.com/web/updates/2015/10/splashscreen ) が表示されません。したがって、無効なマニフェストを作成したと思います。

index.php コードは次のとおりです。

完全な webappmanifest.json コードは次のとおりです。

Service Worker を使用して、静的アプリ シェル ファイルの一部を事前キャッシュしようとしています。ビルドシステムを使用していないため、「sw-appcache」を使用できません。ただし、「sw-toolbox」を使用してみましたが、事前キャッシュには使用できません。

Service Worker JS で行っていることは次のとおりです。

私もこれを試しました：

アプリの URL は次のとおりです: https://guidedverses-webapp-staging.herokuapp.com/ サービス ワーカー ファイルの URL は次のとおりです: https://guidedverses-webapp-staging.herokuapp.com/gdvs-sw。 js

私は何が欠けていますか？

私は現在、Polymer を使用してプログレッシブ Web アプリを構築しています。これは、主にネイティブ アプリのように感じられるはずです。既にマニフェストを作成しましたが、さらに重要なことは、アプリができるだけ速く読み込まれることです。そのために次の手順を考えました。

Serviceworker が登録され、すべてのリソースがキャッシュされたら、Serviceworker がインターネット接続を使用していても、常にキャッシュからリソースをロードするようにします。実行時に、Web アプリは新しいリソースが利用可能かどうか、または変更されたかどうかを確認する必要があります。その場合は、それらをバックグラウンドでダウンロードし、キャッシュに保存して、次回 Web アプリが読み込まれたときに新しいリソースを使用できるようにします。

サービスワーカーとキャッシングは比較的新しいので、アドバイス、リンク、またはアイデアは大歓迎です!

Service Workerで新しい Push API を使用する場合、Google のGCM以外のプッシュ サービスを使用できますか?

Service Worker による Web プッシュ通知を使用するネイティブ アプリとプログレッシブ Web アプリの両方を使用している場合、ユーザーが Web サイトからの通知の受信をオプトインし、アプリもインストールしている場合に、ユーザーが重複した通知を受信しないようにする方法はありますか? ?

JavaScript Notification API を使用して、ユーザーに小さなメッセージを表示しています。Chrome を含む、私がテストしたすべてのデスクトップ ブラウザで動作しますが、Chrome for Android (少なくとも KitKat) では動作しません。私が読んだことはすべて、Android Chrome は 2015 年 4 月の時点で Notification API をサポートしており、アプリには Notification パーミッションの設定さえあると書かれていますが、その中から new Notification(...) を呼び出しても何も起こりません。実際、公式の Mozilla Notification API デモ ページでさえ、パーミッション情報などを取得できるにもかかわらず、それらを表示していません。

Notifications を Android Chrome と互換性を持たせるために何か特別なことをする必要がありますか?

プログレッシブ Web アプリケーションのテスト。

機内モードでアプリを起動すると、予期しない起動/スプラッシュ エクスペリエンスが発生します (Android/Chrome)。

ホーム画面からの起動エクスペリエンス

白い画面が表示され、アプリが正常に起動する前に「オフラインの恐竜」の短いフラッシュが表示され、すべて問題ありません。特にラップトップで Chrome Devtools を使用してテストした後では、起動はほぼ瞬時に行われます。

この時間が費やされている場所 (特に「サービス ワーカーが実行されていない」場合) をデバッグするのは少し難しいため、基本的な知識があると役立ちます。

ブラウザー エクスペリエンスからの起動

アプリが正常に起動する前に、"オフラインの恐竜" が一瞬だけ表示されます。はるかに速く起動します。

質問

• Android/Chrome での予想される起動時間とエクスペリエンスは?
• 上記の経験は現在の状態 (2015 年 11 月) にすぎませんか?
• Chrome の起動 (スプラッシュ) エクスペリエンスを指定する方法はありますか? (スプラッシュ用のアプリ マニフェストの背景色と 144x144 アイコンを認識していますが、Opera のみ)

私にとって初めての PWA なので、これに関する情報は役に立ちます。

私のプラットフォーム: Samsung GS 5、Android 5.0、Chrome 46.0.2490.76

FF と Chrome の両方が、アプリ マニフェストとサービス ワーカーを使用してプログレッシブ Web アプリのサポートを開始しました。

マニフェストを作成する際に留意すべき主な違いは何ですか (または、同じマニフェスト ファイルを両方で使用できます)。

また、ホストされた Web アプリ (パッケージ化されたものではない) の場合、ユーザーにインストールさせるプロセスにどのような違いがありますか?

私のサイトは、オフラインで動作するプログレッシブ Web アプリ (シングル ページ / SPA) です。

Google アナリティクスを使用したいのですが、この場合、特にデバイスがオフラインになっている可能性があるため、イベントを報告する方法がわかりません。

これを行う良い方法はありますか？