带有 Angular Service Worker 的 Android 本地通知

Question

我正在使用最新版本的 Angular 构建 PWA。

我正在使用Angular Mobile Toolkit，我想使用angular/service-worker 发送本地通知。但我不能让它工作。

我可以从服务器订阅和发送通知，但我想从我的应用程序本身发送通知。我尝试使用angular2-notifications，它在桌面上运行良好，但构造函数

new Notification(title, options) 

Notification API 不再适用于 Android，所以它不适合我。

有没有什么方法可以使用angular/service-worker 在 Android (Chrome) 上发送本地通知？或者也许是另一种选择。

编辑

Maciej 的回答为我指明了正确的方向，我能够使用以下代码使其工作

navigator.serviceWorker.getRegistration() 
         .then((reg) => { 
                reg.showNotification(title, noti); 
           });

P.S.：请注意，我将它与 angular/service-worker 一起使用。我使用angular/service-worker 注册了service-worker，上面的代码使用了注册的service-worker。另外，请注意，要让 service-worker 工作，您需要一个安全的连接。

Answer 1

Android 上的 Chrome 与 HTML5 的通知 API 不兼容，因此您将无法发送 local notifications。

据我在@angular/service-worker源代码中看到的，为了显示通知，他们使用以下方法：

this.worker.showNotification(desc['title'], options);

this.worker 是 VersionWorker 类型的对象。

所以可能有一些方法可以重用this.worker 供您使用。

Angular 团队编写的 Push 插件的完整代码，可以在这里找到：https://github.com/angular/mobile-toolkit/blob/master/service-worker/worker/src/plugins/push/index.ts

可以在此处找到 service-worker 插件的示例 repo：https://github.com/maciejtreder/ng-http-sw-proxy（目录 plugin）。