問題タブ [service-worker-events]

@angular/service-worker をカスタマイズするには? npm_modules フォルダー内を変更するのは適切な方法ではないことはわかっています。作成者が追加の 2 つの js ファイルを作成するチュートリアルに出くわしました。ファイルの 1 つにはサービス ワーカー コードが含まれ、もう 1 つのファイルには ngsw-worker.js ファイルとカスタム サービス ワーカー ファイルの両方をインポートするための「importScripts()」が含まれています。インストール イベントをリッスンするカスタム サービス ワーカーは問題なく動作しますが、フェッチ イベントに関しては、このフェッチ イベント リスナーを通過していません。この関数内でコンソールを取得していません。なぜそのようなことが起こるのかわかりません。これを達成するための理由やその他の解決策を知っている人はいますか?

ここに私が従ったチュートリアルのリンクがあります, チュートリアル

Service Worker を Web サイトに追加しようとしています。Express.js、Vue.js、および EJS で Node.js を使用しています。^

私のノードサーバー（index.js）は次のようになります：

そして、home.ejs ファイルは次のようになります。

httpsでテストしていることに言及する必要があります。ServiceWorker.js の内容はそれほど重要ではないと思いますが、必要であれば投稿することもできます。サーバー ファイル スキームは次のようになります。

https で Web サイトを開くと、Web コンソールに次のエラーが表示されます。

このプロジェクトに従って、サービス ワーカー プッシュ通知と ASP.NET Coreを使用して Web プッシュ通知を追加し、完全なプロジェクトDemo.AspNetCore.PushNotificationsを追加します。ここでの私の唯一の問題は、最後に受信した通知に対してのみ2つ以上の通知を送信すると、クリック時にサービスワーカーで (self.addEventListener('notificationclick', function (event) {...) が発生することです。 . 残りは何もしません. 古い通知でも機能させる方法 (これはクロムでのみ発生すると思います) ??

どんな助けでも大歓迎です

これは私の service-worker.js です:

2 つ以上の通知を送信し、ブレークポイントを (self.addEventListener('notificationclick') に配置します。notificationclick イベントは、受信した最後の通知をクリックしたときにのみ呼び出されます!!!!!!!!

さて、私はAngular 6 webAppに取り組んでおり、最初はオフラインです。リクエストとレスポンスを取得して保存できる、完全に機能する Service Worker をセットアップできます。しかし、ある時点で、同期イベントの登録中に、webApp のローカル ストレージに格納されている更新トークンが必要でした。問題は、Service Worker がローカル ストレージに直接アクセスすることを許可されていないことです。つまり、ローカル ストレージに存在するトークンにアクセスできないことを意味します。API を使用して Service Worker でローカル ストレージを利用するにはどうすればよいですか。私がやりたいことを達成するための他の戦略（失敗したリクエストのフェッチ呼び出しを再生し、更新されたトークンを添付して同期イベントを実行し、データが適切な承認で同期されるようにする）。postmessage() API で試してみることも考えましたが、そうではありません。