代码之家 › 专栏 › 技术社区 › user1403598

设置连接信号器角度6

signalr angular

0

user1403598 · 技术社区 · 8 年前

早上好,我希望有人能给我指出正确的方向。

angularJs 到 Angular6 想用 @aspnet/signalr npm package

signalR 连接和有问题。我的旧连接使用 jquery 信号员

$.connection.hub.url = 'https://test.localhost.com/api/signalr';
$.connection.hub.qs = "Access-Control-Allow-Origin=*";
var hub = $.connection.servicelog;
hub.client.newInformation = function (data) {
        //do something
    };
hub.client.newInformation2 = function (data) {
        //Do something else
    };

$.connection.hub.start().done(function () {
   $log.debug('connection started to signalrHub app info');
});

正如你所看到的 signalr 位于另一个域上,因此添加了标头。

我的中心名为“servicelog”

HubConnection 或 HubConnectionBuilder 在我新的Angular 6项目中。

let connection = new signalR.HubConnectionBuilder().withUrl('https://test.localhost.com/api/signalr' + '/servicelog')
  .build();
connection.start().then(()=>{
  console.log('Hub connection started');
}).catch((err)=>{
  console.log('Error establishing connection - ' + err);
});

我也找不到在哪里设置访问控制标头。

1 回复 | 直到 8 年前

1

0

Eshan Rai 7 年前

import { HubConnection, HubConnectionBuilder } from '@aspnet/signalr';
class yourcomponentclass
{
      private _hubConnection: HubConnection;
      ngOnInit(): void {
    this._hubConnection = new HubConnectionBuilder()
      .withUrl('url placed here').build();
    this._hubConnection
      .start()

      .then(() => console.log('Connection started!'))
      .catch(err => console.log('Error while establishing connection :()'));
    this._hubConnection.on('BroadcastMessage', (type: string, rating: number[]) => {

        }
      }
    });
}