Rxjs Websocket : how to add headers

Question

I'm using websocket in my Angular app using rxjs.

I'm instanciating it like this : i want to add some headers :

myheader : "abcde"

how my i do it ?

here is my code:

import { BehaviorSubject, of, Subscription, Subject, Observable, NextObserver } from 'rxjs';

@Injectable()
export class WebsocketService  {

  openConnection() {
    this.close();
    const url = 'wss://echo.websocket.org';
    this.connection$ = webSocket({
      url, 
      openObserver: this.openObserver,
      closeObserver: this.closeObserver,
    });
    this.getmsg();

  }
}

Suggestions ?

Answer 1

There is no way to pass additional headers when creating a WebSocket, neither with RxJS nor with plain JavaScript / DOM API.

You can use Query Params or Cookies to provide additional details to your server.