如何在Angle 4中安装SignalR

时间:2018-08-12 15:15:37

标签: angular asp.net-web-api signalr

我想构建实时拍卖或聊天应用之类的实时应用。我想如何在angular 4 + asp.net Web API中安装和使用SignalR

2 个答案:

答案 0 :(得分:0)

安装软件包:

npm install --save @aspnet/signalr
npm install --save @types/signalr

在客户端代码中的用法:

import * as signalR from "@aspnet/signalr";

this._connection = new signalR.HubConnectionBuilder()
        .withUrl("/locationHub").build();

客户端似乎已正确连接,但我无法从服务器接收消息,仍在搜索...

答案 1 :(得分:0)

您必须按照@nimbusparis的说明构建客户端。

您还必须构建服务器,并通过NuGet软件包在其中添加SignalR库。有大量的示例,视频等。只是在Google上搜索“ .Net SignalR服务器”,然后尝试一些并返回结果(如果不好)。您必须将客户端指向服务器obv。因此,例如,如果您在本地主机端口3000上运行服务器,则应在客户端上执行此操作:

this._connection = new signalR.HubConnectionBuilder()
    .withUrl("http://localhost:3000").build();

您可以在Google上搜索“ Angular 4 signalR客户端”,我很确定您会得到不错的结果。

如果您使用的是Visual Studio,则可以将两者都放在同一个项目中。否则,您需要单独开发它们。

如果您想使用.Net(而不是.Net Framework 4.x),我建议您使用.Net Core,因为SignalR似乎更专注于Core。

无论如何您都不需要.Net,可以在Node中使用Express构建服务器,也可以使用socket.io管理RTC,但这只是一个例子,有很多方法可以使服务器运行(signalign服务器)在几分钟内就没有.Net。

为清楚起见,除非您在VS中的SignalR服务器上集成Angular App(客户端由服务器管理),否则您将构建2个应用程序。

如果可能的话,我也会使用角度6。