@aabegg/websocket 中文文档教程

Question

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});

示例：

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 < code>Broadcaster Events aus:

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

Broadcaster Anleitung

Events vom Server:

Websocket leite alle Events vom Websocket-Server 和 den播音员韦特。 数据将由服务器提交，但不包含 JSON 文件。 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