AngularJS 通知系统答案

【问题标题】：AngularJS notification systemAngularJS 通知系统
【发布时间】：2017-03-28 03:57:49
【问题描述】：

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

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

这是为了克服每个“周期”向服务器发送请求的问题。

【问题讨论】：

我通常向后端发出请求，并使用通知通知用户该请求。如果您希望 Angular 自己在服务器事件上显示通知，我认为您应该查看 socket.io

标签： angularjs spring web service frontend

【解决方案1】：

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

【讨论】：

【解决方案2】：

由于您正在侦听服务器发送的数据，我假设您正在使用 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));
});

【讨论】：

对于任何寻找类似内容的人，这里有一个很好的tutorial