サービスワーカー - 最も簡単な実装

Question

可能な限り簡単な実装で、サービスワーカーのインスタントロードを実装したいと考えています。

私の考えはこれです。ユーザーがウェブページを開き、キャッシュされたバージョン（アプリケーションシェル）を取得し、サーバーが元のコンテンツを返すと、それが再レンダリングされます。それも可能ですか？私はそれの例を見つけることができませんでした。

Answer 1

要求に対してfetchイベントが呼び出されたときに、キャッシュからapp-shellで応答します。 待機サーバが結果に応答するまで投稿メッセージを使用して、ブラウザにデータを送信します。あなたのウェブサイトのjavascriptでメッセージイベントリスナーを追加し、受け取ったデータをjavascript htmlを使用してapp-shellに入力します。あなたのapp-shellには後で埋められる空のコンポーネントが必要です。

コード参照については、このリンクを参照してください。 https://serviceworke.rs/strategy-cache-update-and-refresh.html