一种长连接实现客户端和服务器的双向通讯 ——马丁路德.东
1(服务器端语法)
安装ws的依赖库,和类型定义文件
npm install ws --save
npm install @types/ws --save-dev
1.引入server类

2.服务器语法

2(客户端端语法)
这里我们使用响应式编程的方法,来接管websocket的数据。不要问我为什么,我只会这一种 —— 马丁路德.东
我们来写一个服务,包括两个功能,收信息,和发信息。
1.声明一个服务
ng g service shared/webSocket
2.声明webSocket

3.接受消息的方法

4.发送消息方法

5.组件注入服务


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

7.向服务器主动发消息

8.HTML

9.改造服务器

10.服务器主动发送消息

网友评论