Question

我正在使用'rxjs-websockets'来连接websockets。但经过一段时间（约2分钟）连接关闭。在手动关闭之前，如何保持连接。

以下是我使用的代码段

constructor(private socketService: WebSocketService) {}

this.socketService.connect('/endpoint');
this.socketSubscription = this.socketService.messages
      .subscribe(result => {            
            // perform operation
    });

这是WebSocketService

import {Injectable} from '@angular/core';
import {QueueingSubject} from 'queueing-subject';
import {Observable} from 'rxjs/Observable';
import websocketConnect from 'rxjs-websockets';
import 'rxjs/add/operator/share';
import 'rxjs/add/operator/retryWhen';
import 'rxjs/add/operator/delay';

@Injectable()
export class WebSocketService {
  private inputStream: QueueingSubject<string>;
  public messages: Observable<string>;

  constructor() {    
  }

  public connect(socketUrl) {
      this.messages = websocketConnect(
        socketUrl,
        this.inputStream = new QueueingSubject<string>()
      ).messages.retryWhen(errors => errors.delay(1000))
        .map(message => JSON.parse(message))
        .share();
  }

  public send(message: string): void {
    this.inputStream.next(message);
  }
}

Answer 1

Websockets通常在某些消息交换的帮助下长时间保持连接。在我们的例子中，我们可以将其称为＆＃39; ping =＆gt; pong＆＃39;，客户端发送消息＆＃39; ping＆＃39;和服务器可以回复消息＆＃39; pong＆＃39;。

您可以按照以下步骤每30秒发送一次ping。

setInterval(() => {
    this.socketService.send('ping');
}, 30000);

当您将WebSocketService收到的每条消息转换为JSON时，您必须进行这些更改 avaoid JSON解析错误。

export class WebSocketService {
.
.
.

    public connect(socketUrl) {
      this.messages = websocketConnect(
        socketUrl,
        this.inputStream = new QueueingSubject<string>()
      ).messages.retryWhen(errors => errors.delay(1000))
        //parse messages except pong to avoid JSON parsing error
        .map(message => message === 'pong' ? message : JSON.parse(message))
        .share();
    }
.
.
.
}

如何防止websocket在一定时间后以angular5关闭？

1 个答案: