Question

我正在创建一个新的Angular 2/4应用程序。在主页上，我需要显示我从服务器收到的任何紧急/紧急消息。我想知道在这种情况下什么是最好的选择。我查看了一些库但没有用。在这种情况下会发出信号吗？或谷歌材料？

Answer 1

我和@fastAsTortoise有同样的想法。单向通知通道（服务器到客户端）符合Server-Sent-Events的确切用途。我不会为此引入新的第三方库依赖项，因为它是一项简单的任务。

查看后端语言中的示例。客户端非常简单。在根组件的ngOnInit方法中，您可以打开频道并订阅其消息

eventChannel = new EventSource('YOUR_SERVER_URL_HERE');

ngOnInit(){
    Observable.fromEvent(this.eventChannel, 'open').subscribe(
        () => console.log('channel is open')
    );
    Observable.fromEvent(this.eventChannel, 'message').subscribe(
        e => console.log('message received', e.data)
    );
}

结帐the interface for Server-Sent-Events

Answer 2

SignalR可以在这里工作。这就是我的计划：

在.net应用程序中有一个集线器设置，因此它可以广播事件。
在您的角度应用中包含signalR.js然后
根据从服务器广播的事件创建侦听事件和警报。

这也可以是跨域，或者如果它们在同一个域上，它将开箱即用。我在一个使用phonegap的移动应用程序上尝试了这个，它运行得很好，当服务器向用户或组发送事件时，android和iphone都能够执行操作。

Answer 3

这取决于您当前使用的服务器端语言，

如果您想编写自己的聊天框架，可以开始使用 socket.io

如果你想用.net写，你可以使用 signalR 与dot net core

Google material 是一个完全不同于您所寻求的设计框架。您还可以查看一些可以快速实施的第三方库，例如 pusher

Angular2 / 4：来自服务器的警报和通知

3 个答案: