Xtykutl

I have a websocket connection which on load throws an error occasionally. Although after reloading the page,the connection is restored. But I dont want the reload in the first place.

Below is my web-socket service to open the connection

     @Injectable()

export class WebSocketService {



  private subject: Subject<MessageEvent>;



  constructor() {

   }



  public connect(url: string): Subject<MessageEvent> {



    if (!this.subject) {

      this.subject = this.create(url);

    }

    return this.subject;

  }



  private create(url: string): Subject<MessageEvent> {

    const ws = new WebSocket(url);



    const observable = Observable.create(

      (obs: Observer<MessageEvent>) => {

        ws.onmessage = obs.next.bind(obs);

        ws.onerror = obs.error.bind(obs);

        ws.onclose = obs.complete.bind(obs);

        return ws.close.bind(ws);

      }).pipe(share());





      const observer = {

      next: (data: Object) => {

        if (ws.readyState === WebSocket.OPEN) {

          ws.send(JSON.stringify(data));

        }

      }

    };

    return Subject.create(observer, observable);

  }

Below I subscribe to the websocket service

 private subscrib(): void {

this.$messageQueue = <Subject<QueueDetails>>this.ws

  .connect(this.wsurl)

  .pipe(

  map((response: MessageEvent): QueueDetails => {

    const data = JSON.parse(response.data);

  })

  );

}

websocket connection to 'wss://someurl' failed. Error during websocket handshake: Invalid status line.

Has anyone faced a similar error in angular and knows a fix?