web-dev-qa-db-ja.com

React w / Service Worker＆Push通知）

いくつかの最初の考慮事項：

_"react": "^16.8.2",
"react-scripts": "2.1.5"
_

私は新しいReactアプリを作成しました、そして私はプッシュ通知を実装する必要があります。次の この チュートリアル、私は5分で起きて実行することができましたが、今、私はReactアプリに同じ戦略（Kinda）を実装する必要があります。

私が直面している問題は、私が通知APIを購読することができるということですが、_service-worker.js_ファイルを編集してPushイベントをキャッチするためのイベントリスナーを追加する方法はわかりません（_Handle a Push Event_章Googleガイド）

reactjsservice-workercreate-react-appworkbox
9
Mattia M.

create React APP 4 - 2020年10月）

Create React APP 4）から始めて、あなた自身のsrc/service-worker.jsファイルを作成することによって、またはCRAによって追加されたものをカスタマイズすることによって、このサービスワーカーのロジックのカスタマイズを完全に制御できます。 -template-PWA（またはCRA-Template-PWA-PWA-TypeScript）テンプレート。ワークボックスプロジェクトから追加のモジュールを使用し、プッシュ通知ライブラリを追加するか、デフォルトのキャッシュロジックの一部を削除できます。

https://create-react-app.dev/docs/making-a-progressive-web-app/#customization

0
Grazerbeam