angular集成websocket_Angular + Websocket

Angular使用RxJS，它本质上是一个反应式扩展的javascript实现。这是一个使用可观察序列组成异步和基于事件的程序的库，非常适合使用WebSockets。

简而言之，RxJS允许我们从websocket连接中侦听新消息，然后在“X”事件发生时执行操作。这方面的一个例子可以是实时聊天应用程序。假设我们有3个人连接到我们的聊天应用程序，其中一个人发送消息。如果我们想在收到消息时在应用程序中执行某些操作，那么我们可以简单地订阅“新消息”事件并在触发事件时处理该事件。

使用WebSocket

在我们的角度应用程序中实现WebSockets的最佳方法是将我们的WebSockets和事件封装在服务中，然后在我们希望与websocket交互的任何组件中调用该服务。

创建应用程序

使用Angular CLI，通过在命令行中键入以下内容来创建新应用程序：

ng new websocket_tutorial

这应该创建一个新的，功能齐全的Angular应用程序，我们将在其中实现基于websocket的服务。为了确保它的工作类型：

ng serve

您应该希望看到服务器在端口4200上成功启动。如果您在首选的Web浏览器中导航到localhost：4200，您应该会看到'app works！' 在浏览器中显示。现在我们已经启动并运行了我们的基本应用程序，让我们继续创建我们的websocket服务。

创建我们的Websocket服务

为了让我们开始，我们将创建一个非常简单的服务，该服务将连接到任何给定的URL并返回我们可以在其他服务/组件中订阅的RxJS主题，以便侦听来自连接套接字的任何传入消息。

ng g servic