AngularJS 通知系统

Question

我在后端有一个通知系统，但我不知道如何在前端实现它。

我想制作一个 AngularJs 服务来侦听来自服务器的任何请求，然后我将显示通知（如 facebook 通知）。这可能吗？

这解决了每隔 "period" 向服务器发送请求的问题。

Answer 1

由于您正在侦听服务器发送的数据，我假设您正在使用 WebSockets。 https://github.com/AngularClass/angular-websocket 在 Angular.

中稍微简化了 WebSockets 的使用

如果您指的是 PushNotifications，它是在 ServiceWorker 中实现的，而不是在 Angular 应用程序中实现的。

self.addEventListener('push', event => {
    let data = event.data.json();
    let title = '', args = {};

    title = 'Notification!!';
    args = { 'body': 'Hello hello',
             'icon': '/static/icon64.png',
             'tag': 'some-tag' };

    event.waitUntil(self.registration.showNotification(title, args));
});

Answer 2

您可以实时使用SignalR来构建实时通知系统。只需指定您将要使用的集线器名称、侦听功能和方法。这 library 可能会有用。

AngularJS 通知系统

AngularJS notification system

service

spring

frontend

web

angularjs