一種長連接實現(xiàn)客戶端和服務(wù)器的雙向通訊 ——馬丁路德.東
1（服務(wù)器端語法）
安裝ws的依賴庫，和類型定義文件
npm install ws --save
npm install @types/ws --save-dev
1.引入server類
image.png
2.服務(wù)器語法
image.png
2（客戶端端語法）
這里我們使用響應(yīng)式編程的方法，來接管websocket的數(shù)據(jù)。不要問我為什么，我只會這一種 —— 馬丁路德.東
我們來寫一個服務(wù)，包括兩個功能，收信息，和發(fā)信息。
1.聲明一個服務(wù)
ng g service shared/webSocket
2.聲明webSocket
image.png
3.接受消息的方法
image.png
4.發(fā)送消息方法
image.png
5.組件注入服務(wù)
image.png
image.png
6.訂閱服務(wù)里方法返回的流
image.png
7.向服務(wù)器主動發(fā)消息
image.png
8.HTML
image.png
9.改造服務(wù)器
image.png
10.服務(wù)器主動發(fā)送消息
image.png
