WordPress Webサイトをプログレッシブウェブアプリケーションに変換する

Question

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

1. デスクトップのサービスワーカーAPI（オフラインモード）の現在のサポートとは何ですか？私は モバイル（Android-Chrome）ではオフラインモードで動作し、デスクトップ（Chrome 42）では動作しない小さなアプリを書いています。このために開発環境を設定するには が必要です アプリをテストするために何が必要なのかを知る必要があります。 IOS-Safari/Chromeでも動作しません。

2. サービスワークではキャッシュが大量に使用されており、デックストップ上のサービスワーカー内部をデバッグまたは登録解除するには非常に良い方法があります。 Chrome;しかし、もし私がモバイル上で私のアプリケーションを実行すると、 サービスワーカーキャッシュをどのように削除するのですか？

3. 応答性の高いアプリケーション（WordPressサイト）があり、 をPWAに変換する必要がある場合は、 モバイル版RestAPIをもう一度書き直す必要がありますか？ （PWAのApp App Shellを読んでください）。 のPWAでは、アプリケーションシェルはデータとは別物ですが、 などのCMSではUIとは別のものではありません。

私はこれらの回答を非常に長く探しており、適切なサポートを見つけることができませんでした。

Answer 1

現在、デスクトップ用のService Worker API（オフラインモード）のサポートは何ですか？私は携帯電話（Android-Chrome）ではオフラインモードで動作し、デスクトップ（Chrome 42）では動作しない小さなアプリケーションを作成しました。このために開発環境を設定する必要があるため、アプリケーションをテストするために何が必要なのかを知る必要があります。 IOS-Safari/Chromeでも動作しません。ブラウザを更新するために検討すべきであるが、

Safariは今、サービス労働者をサポートしますがit should work in Chrome 42されていません。

• サービス労働者：とにかく、あなたはさまざまな場所で芸術の状態を確認することができますhttps://platform-status.mozilla.org/#service-worker
• プッシュAPI：https://platform-status.mozilla.org/#push
• 背景同期：https://platform-status.mozilla.org/#background-sync

SWの詳細を：

• Service Worker Ready？ https://jakearchibald.github.io/isserviceworkerready/
• 私は使用できますか？ http://caniuse.com/#feat=serviceworkers

サービスの仕事は広範囲にキャッシュを使用し、デバッグやDekstopクロームの未登録サービスワーカーの内部に非常に良い方法があります。私がMobile上でアプリケーションを実行すると、サービスワーカーキャッシュをどのように削除すればよいですか？

debug Chrome for Android from Desktop Chromeが必要です。

とにかく、chrome：// serviceworkers-internalsのURLはAndroid用Chromeでも使用できますが、オフラインキャッシュを簡単に消去する方法はありません。

応答性の高いアプリケーション（WordPressサイト）があり、それをPWAに変換する必要がある場合。 Restapiを使ってモバイル版のアプリケーションをもう一度書き直す必要がありますか？ （PWAのApp App Shellを読んでください）。 PWAでは、アプリケーションシェルはデータとは別になっていますが、WordPressのデータはUIとは別のものではありません。

実際、WPはテーマをテーマから切り離すための非常にうまくいったアーキテクチャを持っています。 問題はサーバー上で実行されますが、PWAになるにはクライアント上でサイトを実行する必要はありません。 Mozillaはsuite of WP pluginsがprogressivizing WordPressのインストールを支援するためにサポートされています

• Offline Shellは[github]シェル資産（すなわち、テーマファイル）を識別し、オフラインキャッシュでそれらをキャッシュします。
• Offline Content [github]は、動的コンテンツを識別し、ユーザーがそのコンテンツを訪問したときにキャッシュします。
• Web Push [github]は、新しいコンテンツを公開するとすぐに読者にリアルタイム通知をプッシュできます。
• Add To Home Screen [github]あなたのワードプレスをホームスクリーンに置くことによってあなたの読者を引き付ける。

これらはすべて非常に若いプラグインですが、GitHubでそれらを追跡し、必要に応じて投稿できます！

Answer 2

@Salvaはすでにとても素敵で有用な答えを追加していますが、参考になるものはいくつか追加しました。

私は第3部では、自動プログレッシブウェブアプリケーションコンバータプラットフォームhttps://www.escalatingweb.comに取り組んできました。私はあなたがこのプラットフォームを使ってWordPress上のあなたのウェブアプリをプログレッシブウェブアプリに変換できると思う。あなたは数分であなたのWebアプリケーションをpwaに変換することができます。 自動pwaコンバータプラットフォームhttp://www.techromance.com/2017/07/22/automatic-pwa-converter-platform/を使用するための非常に良いチュートリアルも作成しました。

第2部の場合 上記の回答を追加するだけで、テスト目的でサイトの設定から特定のWebサイトのすべてのキャッシュを削除することができます。これによりサービスワーカーのキャッシュもクリアされます。

第1部分については、追加するものはありません。

P.S.彼らが私のプラットフォームをプロモートする安い方法としてそれを見つけた場合には、誰も怒らないでください。その目的は、プラットフォームを構築したり、必要な聴衆に認識させることによって、コミュニティを支援することです。 @McNabありがとうございます。 :)