サービスワーカーが古いメッセージを購読者に送信しています

Question

私はウェブプッシュ通知を送信しようとしています。しかし今、私は問題に直面しています。私は理由は分かりませんが、サービスワーカーは古いメッセージを全員に送っています。

サービスworker.js

const applicationServerPublicKey = 'BFcmZ847NIPORvhzARrLcIFfShkxnHGsiKSlYvUe0WaPNHFHGH3FXRWwunSHjktJgcunbtteTu_xmDw6iugygic'; 

/* eslint-enable max-len */ 

function urlB64ToUint8Array(base64String) { 
    const padding = '='.repeat((4 - base64String.length % 4) % 4); 
    const base64 = (base64String + padding) 
    .replace(/\-/g, '+') 
    .replace(/_/g, '/'); 

    const rawData = window.atob(base64); 
    const outputArray = new Uint8Array(rawData.length); 

    for (let i = 0; i < rawData.length; ++i) { 
    outputArray[i] = rawData.charCodeAt(i); 
    } 
    return outputArray; 
} 

self.addEventListener('push', function(event) { 
    self.skipWaiting(); 

    console.log('[Service Worker] Push Received.'); 
    console.log(`[Service Worker] Push had this data: "${event.data.text()}"`); 

    const title = 'Example Website'; 
    const options = { 
    body: 'Content', 
    icon: 'http://www.example.com/icon.jpg', 
    "image": "http://www.example.com/img.jpg", 
    }; 

    event.waitUntil(self.registration.showNotification(title, options)); 
}); 

self.addEventListener('notificationclick', function(event) { 
    console.log('[Service Worker] Notification click Received.'); 

    event.notification.close(); 

    event.waitUntil(
    clients.openWindow('http://www.example.com') 
); 
}); 

self.addEventListener('pushsubscriptionchange', function(event) { 
    console.log('[Service Worker]: \'pushsubscriptionchange\' event fired.'); 
    const applicationServerKey = urlB64ToUint8Array(applicationServerPublicKey); 
    event.waitUntil(
    self.registration.pushManager.subscribe({ 
     userVisibleOnly: true, 
     applicationServerKey: applicationServerKey 
    }) 
    .then(function(newSubscription) { 
     // TODO: Send to application server 
     console.log('[Service Worker] New subscription: ', newSubscription); 
    }) 
); 
}); 

私は、ブラウザのキャッシュこの静的なJSファイルだと思います。まだ分​​からない。しかし、私は加入者に新しいメッセージを送ることができません。それで私を助けてください。

私に助けてください。

ありがとうございました！

Answer 1

現時点でサービスワーカーを更新することは容易ではありません。デバッグのためにService worker: importScripts never updates scripts

：依存関係のために

• Update the service worker and the scripts imported with importScripts
• ：

  私はPushpadブログでサービスワーカーの更新に関する多くの記事を書いてきましたInspect service workers with Chrome

を基本的にはあなたが必要〜へ：

1. 訪問のウェブサイトのページ（つまり、サービスワーカーを活性化させるか、serviceWorker.registerを呼び出す） - 時にはあなたも
2. 今すぐ新しいサービスワーカーがインストールされているが、それはまでアクティブにすることができないページを更新する必要がありますあなたがserviceworker更新するために、3つのメカニズムを持ってい

Answer 2

ブラウザを閉じて再度開く：あなたは、以前のサービスワーカーを終了

• 更新serviceworkerスクリプトを。コメントしてもそれを行い、サービスワーカーが管理するページにアクセスします。このアップデートにより、サービスエンジニアファイルのバックグラウンドでダウンロードが開始されます。差があれば、サービス担当者の更新ライフサイクルを入力します。https://developers.google.com/web/fundamentals/getting-started/primers/service-workers#update-a-service-worker
• サービスエンジニアの登録を解除して再登録することもできます。
• 最後のオプションは.update()メソッドを呼び出すことですが、残念ながら今日はちょうどFirefoxで実装されている通り：https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorkerRegistration/update