我在角度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');
}
}
答案 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');
}
}
});