24、深入理解 RxJS 中的冷热 Observable

深入理解 RxJS 中的冷热 Observable

1. RxJS 与 WebSocket 的结合应用

在现代 Web 开发中，WebSocket 提供了一种在浏览器和服务器之间进行交互式通信的方式。借助 RxJS，我们可以更便捷地处理 WebSocket 通信。

1.1 WebSocket 服务器端实现

以下是一个简单的 WebSocket 服务器端代码示例：

Rx.Observable.fromEvent(wsServer, 'request')
   .map(request => request.accept(null, request.origin))
   .subscribe(connection => {
      connection.sendUTF(JSON.stringify({ msg:'Hello Socket' }));
   });

要运行这个服务器，你可以使用 Node.js 的命令行界面：

node server.js

1.2 WebSocket 客户端实现

使用 RxJS 构建 WebSocket 客户端也十分简单：

const websocket = new WebSocket('ws://localhost:1337');
Rx.Observable.fromEvent(