RxJS:Observable.webSocket()可以访问onopen,onclose ......

时间:2017-11-29 11:51:14

标签: javascript websocket rxjs rxjs5

const ws = Observable.webSocket('ws://…');
ws.subscribe(
  message => console.log(message),
  error => console.log(error),
  () => {},
);

我想观察我与RxJS的WebSocket连接。通过订阅可观察的作品来回应onmessage事件就像魅力一样。但是如何访问WebSocket的onopen事件?是否可以触发WebSocket .close()方法? RxJS对我来说很新,我做了几个小时的研究,但也许我只是不知道正确的术语。提前谢谢。

2 个答案:

答案 0 :(得分:2)

查看sourcecode of the Websocket,有一个配置对象WebSocketSubjectConfig,其中包含可以链接到不同事件的observable。您应该能够将NextObserver类型的对象传递给配置值openObserver,如下所示:

const openEvents = new Subject<Event>();
const ws = Observable.webSocket({
  url: 'ws://…', 
  openObserver: openEvents 
});

openEvents
  .do(evt => console.log('got open event: ' + evt))
  .merge(ws.do(msg => console.log('got message: ' + msg))
  .subscribe();

答案 1 :(得分:1)

@Mark van Straten到文件的链接无效。更新的链接为here。我还想强调文档中建议的用法。我认为,更好的复制和粘贴解决方案可以解决:

import { webSocket } from "rxjs/webSocket";

webSocket({
  url: "wss://echo.websocket.org",
  openObserver: {
    next: () => {
      console.log("connection ok");
    },
  },
  closeObserver: {
    next(closeEvent) {
      // ...
    }
  },
}).subscribe();