如何在 React 中创建本地推送通知？答案

【问题标题】：How to create local push notifications in React?如何在 React 中创建本地推送通知？
【发布时间】：2020-02-13 12:59:48
【问题描述】：

我一直在尝试在 Reactjs 中本地制作推送通知。 Notification API 在桌面浏览器上运行良好。但是到了Android，就抛出了follow错误。

TypeError：无法构造“通知”：非法构造函数。请改用 ServiceWorkerRegistration.showNotification()。

我正在使用creat-react-app 的默认服务工作者。

如何使用上述ServiceWorkerRegistration.showNotification() 进行通知。我检查了几个网站，但我无法理解这个概念。

【问题讨论】：

【解决方案1】：

您能否以您必须考虑的方式向我们展示代码：

ServiceWorkerRegistration.showNotification(title, [options]).then(function(NotificationEvent) { ... });

在选项属性中，徽章：当没有足够的空间显示通知本身时表示通知的图像的 URL，例如 Android 通知栏。在 Android 设备上，徽章应适用于分辨率高达 4 倍（约 96 x 96 像素）的设备，并且图像将被自动屏蔽

【讨论】：

好的。但我的问题是如何调用这个函数。我的意思是，这个 showNotitication() 函数的实际定义在哪里，我可以从哪里调用它？如果有一个可行的例子，你能分享一下吗..
navigator.serviceWorker.register('sw.js'); function showNotification() { Notification.requestPermission(function(result) { if (result === 'granted') { navigator.serviceWorker.ready.then(function(registration) { registration.showNotification('Vibration Sample', { body: 'Buzz! Buzz!', icon: '../images/touch/chrome-touch-icon-192x192.png', vibrate: [200, 100, 200, 100, 200, 100, 200], tag: 'vibration-sample' }); }); } }); }