create-react-app service worker 能否在页面重新加载之前帮助告诉用户应用程序已更新？答案

【问题标题】：Can create-react-app service worker help tell the user that the application has been updated before the page reloaded?create-react-app service worker 能否在页面重新加载之前帮助告诉用户应用程序已更新？
【发布时间】：2020-07-21 17:57:18
【问题描述】：

我有一个使用 CRA 创建的应用程序，并且我已经配置了 service worker，因此当页面刷新时它会重新加载静态内容，没有问题。

但是，用户可能很长时间没有重新加载页面（因为 SPA 应用程序），我想以某种方式告诉他应用程序已经更新，他需要完成当前工作并刷新页面，可以服务吗工人在这方面有帮助吗？或者这不是它的职责范围，我需要其他解决方案？

【问题讨论】：

应用程序更新是什么意思？后端数据更新还是前端更新？
前端当然更新了
在这种情况下，您可以使用 service worker 推送通知来通知用户刷新页面！
我该怎么做？是否有文章或文档链接？我真的很感激。
medium.com/@seladir/… 可能对你有帮助

标签： reactjs create-react-app service-worker

【解决方案1】：

在这种情况下，您可以使用 service worker 使用推送通知来通知用户刷新页面。此外，您还可以实现 web socket 来向用户发送此类通知。

您可以通过以下链接了解如何使用 Service Worker 实现推送通知。

如何在您的 Node / React 应用中实现 Web 推送通知

https://medium.com/@seladir/how-to-implement-web-push-notifications-in-your-node-react-app-9bed79b53f34

React 推送通知（带挂钩）

https://itnext.io/react-push-notifications-with-hooks-d293d36f4836

谢谢

【讨论】：