whmcsk/ngx-signalr

Angular下一个适配signalr的库组件

ngx-signalr's Issues

Angular 5 Compatibility Issue

OpaqueToken has been replaced by InjectionToken

Multiple Hub at multiple locations

Hi everyone. I'm having trouble talking to multiple hubs on different backends.

Let's assume the following

• NG-Project as UI running on localhost
• DataService with a DataHub running on localhost:81
• EvaluationService with EvaluationHub running on localhost:82

In my NG project, I defined two services

@Injectable()
@Hub({ hubName: 'DataHub' })
export class DataHubService {
  constructor (private hubService: HubService) {
    this.hubWrapper = this.hubService.register(this);
    this.hubService.connect('http://localhost:81/signalr').toPromise();
  }
}

@Injectable()
@Hub({ hubName: 'EvaluationHub' })
export class EvaluationHubService {
  constructor (private hubService: HubService) {
    this.hubWrapper = this.hubService.register(this);
    this.hubService.connect('http://localhost:82/signalr').toPromise();
  }
}

Calling the connect method on hubService now tries to establish a connection with the given backend url but expects all hubs to be on this url. As the code states all Hub-decorators are called and their named are beeing collected in a global variable.

//all the hubs/events we have to subscribe to when setting up the connection.
//signalr requires you to connect to all the hubs before making the connection
//so we store them in a global var.
var allHubProperties = [];

Is there any way to accomplish the above-mentioned case? If not so, I would like to propose the introduction of a HubGroup that goes into the Hub-decorator and also into the connect method to specify which hubs are on which server. What do you think?