サービスワーカーのログインページ

Question

ログインページを持つWebアプリケーションにサービスワーカーキャッシュを実装する際に問題があります。

ユーザーはログインし、サービスワーカーのインストールとアクティブ化が行われますが、ユーザーがリンクをクリックすると、既にログインしていてもログインページに戻ります。

誰かが正しい方向に私を向けることができますか？事前に

感謝

Answer 1

あなたはおそらく、ユーザがログインする前にユーザーの許可を必要とするページをキャッシュしようとしている間違って作られたことはだから何が起こるかです：ブラウザはルートを取得しようとしますが、サーバーユーザーがログインしていないため、ログインページになりますあなたはおそらく実行する必要があり

何を：。

1. あなたはあなたのユーザーがアプリにログインしていることを待ちます。
2. サービスワーカーを登録するよりも、ユーザーの1人がログに記録されます。
3. ログに記録されたユーザーとしてページをキャッシュするには、Cookie情報with credentials: includeを送信する必要があります。それはこのようなものになります：

`` ` /* sw.js */

var cacheName = 'yourCacheName-vx.x.x'; 

// The route for which you need to be logged in. It's a Request Object. 
var appRequest = new Request('/da-private-route', { credentials: 'include' }); 

var urlsToCache = [ 
    appRequest, // you add it to your things to cache 
    '/manifest.json', 
    '/css/styles.css', 
    '/js/scripts.js',  
    // other resources… 
]; 

// Installation. 
self.addEventListener('install', e => { 
    e.waitUntil(
     self.skipWaiting().then(function() { 
      caches.open(cacheName).then(function(cache) { 
       return cache.addAll(urlsToCache); 
      }) 
     }) 
    ); 
}); 

/* [continue your sw…] */ 

` ``