Installation

npm install @aabegg/websocket

Benutzung

Das WsModule muss im AppModule eingebunden werden.

import { NgModule } from '@angular/core';
import { WsModule } from '@aabegg/websocket';

@NgModule({
  declarations: [],
  imports: [WsModule],
  providers: []
})
export class AppModule { }

Verbindung herstellen:

this._ws.connect(ws://localhost:9900?token=${token});

Beispiel:

import { Component, onInit } from '@angular/core';
import { Ws } from '@aabegg/websocket';

@Component({
  selector: 'demo-component',
  template: '<div>demo</div>',
  styleUrls: ['./demo.component.scss']
})
export class DemoComponent implements onInit { 
  
  constructor(private _ws: Ws) { }
  
  ngOnInit() {
    this._ws.connect(`ws://localhost:9900?token=${token}`);
  }
}

Lokale Events:

Der Websocket löst folgende Broadcaster Events aus:

• websocketConnected
• websocketDisconnected
• websocketDied (Dieser Event wird nach 5 Fehlversuchen ausgelöst.)

Broadcaster Anleitung

Events vom Server:

Der Websocket leitet alle Events vom Websocket-Server an den Broadcaster weiter. Die Daten welche vom Server kommen werden immer als JSON geparst. Die Daten müssen wie folgt strukturiert sein:

{"data": {
  "name": "demoEventName",
  "data": {"hallo": "Welt"}
}}

Dieser Event kann wie folgt empfangen werden:

this._bc.on('demoEventName').subscribe((data: any) => {
  console.log(data); // => {"hallo": "Welt"}
});

Broadcaster Anleitung

Versionen

1.0.0

• Initiale Version