問題タブ [progressive-web-apps]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
service-worker - 複数の Service Worker に同じフェッチ リクエストをインターセプトさせることはできますか?
サードパーティがサイトで Service Worker を実行するために提供するライブラリを作成しています。すべてのネットワーク リクエストをインターセプトする必要がありますが、必要に応じて独自の Service Worker を構築できるようにしたいと考えています。
両方の Service Worker に同じフェッチをインターセプトさせて、それらの間である種の優先順位/順序付けを提供することはできますか? あるいは、私が使用すべき他のパターンはありますか?
ありがとう
javascript - Serviceworker バグ event.respondWith
私のサービスワーカーには、フェッチイベントが発生したときに、最初にブール値(event.request.urlではない)を含むエンドポイントをフェッチし、値をチェックするというロジックがあります。キャッシュからの応答を提供している現在のフェッチ イベント。しかし、次のエラーが発生しています。
Uncaught (in promise) DOMException: Failed to execute 'respondWith' on 'FetchEvent': The fetch event has already been Respond to
ここで、 m_stateがInitialと等しくない場合にこのエラーがスローされることを確認しました
追加のフェッチ イベントが何らかの形で前のフェッチ イベントを消費しているので、m_state 変数を変更しているのではないかと疑っていますが、イベントの URL をフェッチしていません。それに対する解決策。しかし、なぜそれは言っているのですか
以下にコード スニペットを貼り付けます。
event.respondWith部分がエラーをスローしています。この問題を解決する方法を提案してください。
編集 :
node.js - Angular2 を使用した Service Worker プッシュ通知
Service Worker を介してユーザーにプッシュ通知を送信する一般的なワークフローをまとめようとしています。
私はこのGoogle Developers Service Worker プッシュ通知チュートリアルに従っており、現在、この種のものを実験用の小さなユーザー ベースの Web アプリに実装する方法を考えています。
私の考えでは、プッシュ通知をサポートする Web アプリの一般的なワークフローは次のとおりです。
- クライアントがアプリにアクセス
- Service Worker はプッシュ通知エンドポイントを生成します
- クライアントはエンドポイントをサーバーに送信します
- サーバーは、エンドポイントが生成された現在のユーザーにエンドポイントを関連付けます
- アプリが通知に値すると言う何かが発生するたびに、サーバーはユーザーに関連付けられたプッシュ通知エンドポイントを取得し、それをヒットしてユーザー デバイスにプッシュ通知を送信します (Chrome 50 以降ではデータ ペイロードを使用する可能性があります)。など)
基本的に、このテクノロジを使用した一般的な実装の考えが正確であることを確認したいだけです。それ以外の場合は、何か不足している場合はフィードバックを取得してください。
wordpress - WordPress Web サイトをプログレッシブ Web アプリに変換する
私はプログレッシブ Web アプリを構築していますが、これまでオンラインでのドキュメントとサポートはほとんどありません。このメールにすべての質問をリストアップしています。
デスクトップ用 Service Worker API (オフライン モード) の現在のサポートは何ですか? モバイル(Android-Chrome)のオフラインモードで動作する小さなアプリを作成しましたが、デスクトップ(Chrome 42)では動作しませんでした。このために開発環境を構成する必要があるため、アプリをテストするために何が必要かを知る必要があります。IOS-Safari/Chrome でも動作しません。
サービス作業はキャッシュを広範囲に使用し、Dekstop Chrome でサービス ワーカーの内部をデバッグまたは未登録にする非常に優れた方法があります。しかし、モバイルでアプリケーションを実行する場合、Service Worker キャッシュを削除するにはどうすればよいでしょうか?
レスポンシブ アプリケーション (WordPress サイト) があり、それを PWA に変換する必要がある場合。モバイル版用の RestAPI を使用してアプリケーションをもう一度書き直す必要がありますか? (PWA の App Shell を参照)。PWA では、アプリケーション シェルはデータから分離されていますが、WordPress のような CMS では、データは UI から分離されていません。
私はこれらの答えを非常に長い間探していましたが、適切なサポートを見つけることができませんでした.
google-chrome - プッシュ通知: Chrome 49 から Chrome 50 へのアップグレードの処理方法
Chrome 49 はメッセージ本文をサポートしていません。Chrome 50 ( 2016 年 4 月 19 日出荷予定)です。ユーザーが Chrome 49 から Chrome 50 にアップグレードするとき、メッセージ本文のないプッシュ通知からメッセージ本文のあるプッシュ通知にどのようにアップグレードすればよいですか?
web-push - pushsubscriptionchange イベントはどのように処理すればよいですか?
仕様によると、pushsubscriptionchange
イベントは「プッシュ サブスクリプションが無効化されたか、まもなく無効化される」ことを示します。このイベントを処理するためのベスト プラクティスは何ですか?
web-push - pushsubscriptionchange イベント処理コードをテストするにはどうすればよいですか?
このpushsubscriptionchange
イベントは、プッシュ通知サーバーがクライアントに再サブスクライブを要求したときに、ブラウザーによって発生します。テストのためにこのイベントを手動でトリガーするにはどうすればよいですか?