设置连接signalr angular 6
设置连接signalr angular 6
提问于 2018-09-08 16:53:54
早上好，我希望有人能给我指个方向。
我正在从angularJs迁移到Angular6，并希望使用@aspnet/signalr npm package。
我正在尝试设置signalR连接，但遇到问题。我以前使用jquery signalR的连接如下所示。
$.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”
我不知道如何在我的新Angular 6项目中使用HubConnection或HubConnectionBuilder来设置它。
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
Stack Overflow用户
发布于 2019-01-03 13:56:57
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[]) => {
}
}
});
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52233629
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号