在 Angular 中使用 webSocket

websocket 可以实现服务端和客户端的双向数据推送。在一些实时性要求高的业务中，不可或缺。那么如何在Angular应用中使用websocket呢？今天，我们先从原理说起。

首先，你要有一个websocket服务器。对于 JavaScript 来说，实在过于简单。

第一步，创建一个文件夹，命名为server。 在文件夹中运行：

ws是nodejs中一个实现websocket的库，有了它就可以很方便的创建websocket服务。下面是我们的服务器代码： index.js。因为代码实在太简单，就没有使用 ts 的必要了。

启动服务器

此时控制台不应该有任何输出，否则，请检查代码。

服务端已经准备就绪，就等客户端访问了。使用 @angular/cli 创建客户端代码。

创建一个service，负责处理 websocket 请求。

下面是 WebsocketService 的实现。

在 AppComponent 中使用。

运行客户端

运行截图