（十一）WebSocket协议

一种长连接实现客户端和服务器的双向通讯 ——马丁路德.东

1（服务器端语法）

安装ws的依赖库，和类型定义文件

npm install ws --save

npm install @types/ws --save-dev

1.引入server类

image.png

2.服务器语法

image.png

2（客户端端语法）

这里我们使用响应式编程的方法，来接管websocket的数据。不要问我为什么，我只会这一种 —— 马丁路德.东

我们来写一个服务，包括两个功能，收信息，和发信息。
1.声明一个服务

ng g service shared/webSocket

2.声明webSocket

image.png

3.接受消息的方法

image.png

4.发送消息方法

image.png

5.组件注入服务

image.png image.png

6.订阅服务里方法返回的流

image.png

7.向服务器主动发消息

image.png

8.HTML

image.png

9.改造服务器

image.png

10.服务器主动发送消息

image.png