有没有办法知道是否打开了rxjs websocket

时间:2017-07-19 11:22:52

标签: angular websocket rxjs rxjs5

我在角度4项目中使用RxJS。

我正在尝试启动一个Websocket,尤其是要知道何时打开它。

我目前正在使用RxJS的WebSocket(v5)。 https://github.com/ReactiveX/rxjs/blob/master/src/observable/dom/WebSocketSubject.ts

我注意到WebSocketSubjectConfig中有一个openObserver,但我找不到如何创建Observer。几个小时后我就被锁定了。

以下是我的代码摘录:

import { Injectable } from '@angular/core';
import { webSocket} from 'rxjs/observable/dom/webSocket';
import { WebSocketSubject, WebSocketSubjectConfig} from 'rxjs/observable/dom/WebSocketSubject';

@Injectable()
export class MzkWebsocketJsonRpcService {
    subject: WebSocketSubject<any>;
    jsonRpcId: number;

    constructor() {

        this.subject = webSocket('ws://localhost:12345');
        this.subject.openObserver =
            /// Find a way to create the openObserver


        this.subject.subscribe(
            this.onMessage,
            this.onError,
            this.onClose,
        );
        console.log('Socket connected');
        this.jsonRpcId = 1;
    }

    public send(method: string, params: any[]) {

        let jsonFrame: any = {id: this.jsonRpcId, 'json-rpc': '2.0', method: method};

        if (params) {
            jsonFrame['params'] = params;
        }
        this.subject.next(JSON.stringify(jsonFrame));
        this.jsonRpcId ++;
    }

    onMessage(data: string) {
        console.log('Websocket message: ', data);
    }

    onError(data: string) {
        console.log('Websocket error:', data);
    }

    onClose() {
        console.log('Websocket closing');
    }
}

1 个答案:

答案 0 :(得分:4)

观察者可以是至少部分实现Observer接口的任何对象。见https://github.com/ReactiveX/rxjs/blob/master/src/Observer.ts

这意味着您可以编写自定义类:

MyObserver implements Observer {
  next(value: any): void {
    ...
  }
  complete(): void {
    ...
  }
}

let socket = new WebSocketSubject({
  url: 'ws://localhost:8081',
  openObserver: new MyObserver()
});

最后,在WebSocketSubject的情况下,您可以使其更简单并使用next方法创建对象,因为openObserver期望并使用NextObserver interface {{ 3}}

let socket = new WebSocketSubject({
  url: 'ws://localhost:8081',
  openObserver: {
    next: (val: any) => {
      console.log('opened');
    }
  }
});