44 lines
1.4 KiB
TypeScript
44 lines
1.4 KiB
TypeScript
|
import { Injectable } from '@angular/core';
|
||
|
|
import { Router } from '@angular/router';
|
||
|
|
import { webSocket, WebSocketSubject } from 'rxjs/webSocket';
|
||
|
|
|
||
|
|
@Injectable({
|
||
|
|
providedIn: 'root'
|
||
|
|
})
|
||
|
|
export class WebsocketService {
|
||
|
|
constructor(private router: Router) {}
|
||
|
|
|
||
|
|
//might be any for simplicity or MessageEvent or something different
|
||
|
|
private subject: WebSocketSubject<any>;
|
||
|
|
|
||
|
|
public connect(): WebSocketSubject<any> {
|
||
|
|
const socketProtocol = this.getWebSocketProtocoll();
|
||
|
|
const socketPath = this.getWebSocketPath();
|
||
|
|
const socketServer = window.location.hostname + ':' + window.location.port;
|
||
|
|
if (!this.subject) {
|
||
|
|
this.subject = webSocket(socketProtocol + socketServer + socketPath);
|
||
|
|
}
|
||
|
|
return this.subject;
|
||
|
|
}
|
||
|
|
|
||
|
|
// delegates to websockets for either the side or projector websocket
|
||
|
|
private getWebSocketPath(): string {
|
||
|
|
//currentRoute does not end with '/'
|
||
|
|
const currentRoute = this.router.url;
|
||
|
|
if (currentRoute.includes('/projector') || currentRoute.includes('/real-projector')) {
|
||
|
|
return '/ws/projector';
|
||
|
|
} else {
|
||
|
|
return '/ws/site/';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// returns the websocket protocoll
|
||
|
|
private getWebSocketProtocoll(): string {
|
||
|
|
if (location.protocol === 'https') {
|
||
|
|
return 'wss://';
|
||
|
|
} else {
|
||
|
|
return 'ws://';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|