1. ホーム
  2. javascript

[解決済み] react jsにおけるサービスワーカーとは

2022-09-19 03:58:39

質問

reactアプリを作成すると、デフォルトでservice workerが起動されます。なぜサービスワーカーが使われるのでしょうか?デフォルトで起動される理由は何ですか?

解決方法は?

アプリケーションにサービスワーカーが必要ない場合があります。create-react-appでプロジェクトを作成する場合、デフォルトで呼び出されます。

サービスワーカーについては この の記事を参照してください。そこから要約すると

A service worker は、ブラウザがウェブページとは別にバックグラウンドで実行するスクリプトです。 ウェブページとは別に、バックグラウンドで実行されるスクリプトです。 ウェブページやユーザーとのインタラクションを必要としない機能への扉を開きます。今日、それらはすでに のような機能が含まれています。 push notificationsbackground sync であり ability to intercept and handle network requests を含む。 programmatically managing a cache of responses .

将来的には、サービスワーカーでは他にも periodic sync または geofencing .

これによると へのPRは、create-react-app

Service workers は、create-react-appで導入される SWPrecacheWebpackPlugin .

キャッシュファースト戦略でサーバワーカーを使用すると、パフォーマンス面で有利になります。 ネットワークがボトルネックになることがないためです。 というのも、ネットワークがナビゲーションの要求を満たすためのボトルネックにならなくなるからです。しかし、開発者 (およびユーザー) は、デプロイされた更新を "

が更新されたページを見ることができるのは、quot;N+1" キャッシュされたリソースはバックグラウンドで更新されるため、開発者(およびユーザー)は、ページへの訪問時にのみ展開された更新を見ることになります。 バックグラウンドで更新されるからです。

の呼び出しは register service worker の呼び出しは、新しいアプリではデフォルトで有効になっていますが、いつでもこれを削除して、通常の動作に戻すことができます。