24

私はプログレッシブ Web アプリを構築していますが、これまでオンラインでのドキュメントとサポートはほとんどありません。このメールにすべての質問をリストアップしています。

  1. デスクトップ用 Service Worker API (オフライン モード) の現在のサポートは何ですか? モバイル（Android-Chrome）のオフラインモードで動作する小さなアプリを作成しましたが、デスクトップ（Chrome 42）では動作しませんでした。このために開発環境を構成する必要があるため、アプリをテストするために何が必要かを知る必要があります。IOS-Safari/Chrome でも動作しません。

  2. サービス作業はキャッシュを広範囲に使用し、Dekstop Chrome でサービス ワーカーの内部をデバッグまたは未登録にする非常に優れた方法があります。しかし、モバイルでアプリケーションを実行する場合、Service Worker キャッシュを削除するにはどうすればよいでしょうか?

  3. レスポンシブ アプリケーション (WordPress サイト) があり、それを PWA に変換する必要がある場合。モバイル版用の RestAPI を使用してアプリケーションをもう一度書き直す必要がありますか? (PWA の App Shell を参照)。PWA では、アプリケーション シェルはデータから分離されていますが、WordPress のような CMS では、データは UI から分離されていません。

私はこれらの答えを非常に長い間探していましたが、適切なサポートを見つけることができませんでした.

4

3 に答える 3

37

デスクトップ用 Service Worker API (オフライン モード) の現在のサポートは何ですか? モバイル（Android-Chrome）のオフラインモードで動作する小さなアプリを作成しましたが、デスクトップ（Chrome 42）では動作しませんでした。このために開発環境を構成する必要があるため、アプリをテストするために何が必要かを知る必要があります。IOS-Safari/Chrome でも動作しません。

Safari は現在 Service Worker をサポートしていませんが、ブラウザの更新を検討する必要がありますが、Chrome 42 では動作するはずです。とにかく、さまざまな場所で最新技術を確認できます。

SW の詳細:

サービス作業はキャッシュを広範囲に使用し、Dekstop Chrome でサービス ワーカーの内部をデバッグまたは未登録にする非常に優れた方法があります。しかし、モバイルでアプリケーションを実行する場合、Service Worker キャッシュを削除するにはどうすればよいでしょうか?

デスクトップ Chrome から Chrome for Androidをデバッグする必要があります。

とにかく、URL chrome://serviceworkers-internals は Chrome for Android で利用できますが、オフライン キャッシュをクリアする簡単な方法はありません。

レスポンシブ アプリケーション (WordPress サイト) があり、それを PWA に変換する必要がある場合。モバイル版用の RestAPI を使用してアプリケーションをもう一度書き直す必要がありますか? (PWA の App Shell を参照)。PWA では、アプリケーション シェルはデータから分離されていますが、WordPress のような CMS では、データは UI から分離されていません。

いいえ、実際には、WP にはテーマからコンテンツを分離するための非常に優れたアーキテクチャがあります。問題は、サーバー上で実行されますが、クライアント上で実行されているサイトを PWA にする必要がないことです。Mozilla は、WordPress のインストールを進歩させるのに役立つ一連の WP プラグインをサポートしています。

  • オフライン シェル[ github ] は、シェル アセット (テーマ ファイルなど) を識別し、それらをオフライン キャッシュにキャッシュします。
  • オフライン コンテンツ[ github ] は動的コンテンツを識別し、ユーザーがアクセスするとキャッシュします。
  • Web プッシュ[ github ] を使用すると、新しいコンテンツを公開するとすぐに、リアルタイムの通知を読者にプッシュできます。
  • ホーム画面に追加[ github ] は、WordPress をホーム画面に配置することで読者を惹きつけます。

それらはすべて非常に新しいプラグインですが、必要に応じて GitHub で追跡し、貢献することができます!

于 2016-04-12T10:00:11.130 に答える