Question

我们正在尝试将SignalR与Angular 2和TypeScript结合使用。看来我的客户端代码不起作用，尤其是建立连接（没有生成的代理）

我关注Angular 2 TypeScript using SignalR但我没有包含SignalR / Hubs脚本路径，因为我没有看到自动生成的代理，因为我没有看到为我创建的任何自动生成的代理类。还使用Javascript

我们使用Windows身份验证和Visual Studio 2015，Windows 7，IIS Express

我收到此错误

协商请求期间出错。

集线器类

public class ServerRefreshHub : Hub
{    
    public ServerRefreshHub()
    {

    }        

    public override Task OnConnected()
    {
     //It seems hub is not connected as client code fails
    }

    public static void NotifyUsers()
    {
    IHubContext context = GlobalHost.ConnectionManager.GetHubContext<ServerRefreshHub>();
    context.Clients.All.MessageFromServer("Hello");
    }
}

Asp.Net WebAPI初创公司

public partial class Startup
{
    public void Configuration(IAppBuilder app)
    {
        app.Map(
                "/signalr",
                map =>
                {
                    var hubConfiguration = new HubConfiguration { 
                                    EnableDetailedErrors = true };
                    map.RunSignalR(hubConfiguration);
                });
   }
}

角色代码

declare var $: any;

@Injectable()
export class ServerNotifier {
    private connection: any;        
    private proxy: any;

    constructor() {

        this.connection = $.hubConnection();
        this.proxy = this.connection.createHubProxy('userCacheRefreshHub');
        this.proxy.on('MessageFromServer', (message: string) => 
                                  this.onMessageFromServer(message));

         this.connection.start().done((data: any) => {  
        console.log('Now connected ' + data.transport.name + ', connection ID= ' + data.id);  
         }).fail((error: any) => {  
         console.log('Could not connect ' + error);  
    });  
    }

    private onMessageFromServer(message: string) {

    }
}

的package.json

"@types/jquery": "2.0.47",
"@types/signalr": "^2.2.35",
"signalr": "^2.2.2"

注意：

＆＃34; @ types / jquery＆＃34;：＆＃34; ^ 3.2.16＆＃34;将typescript更新引入最新和我开始遇到更多问题，所以我只是为了打字而降级仅

在控制台中，我看到 200 此请求网址的响应代码http://localhost:58965/signalr/negotiate?clientProtocol=1.5&connectionData=%5B%7B%22name%22%3A%22serverrefreshhub%22%7D%5D&_=1509976299819

Answer 1

SignalR不会为您生成代理类。

您只需使用MapSignalR（）配置SignalR：

    public void Configuration(IAppBuilder app)
    {
        var config = new HttpConfiguration();

        var settings = new JsonSerializerSettings();
        settings.ContractResolver = new SignalRContractResolver();
        var serializer = JsonSerializer.Create(settings);
        GlobalHost.DependencyResolver.Register(typeof(JsonSerializer), () => serializer);

        app.UseCors(CorsOptions.AllowAll);
        app.MapSignalR();
    }

在集线器类上方添加HubName属性：

[HubName("ServerRefreshHub")]
public class ServerRefreshHub : Hub

在声明hubConnection时不要忘记指定hubConnection网址，并在创建代理时指定hubName。

this.connection = $.hubConnection();
this.connection.url = "http://localhost:58965/signalr";
this.proxy = this.connection.createHubProxy('ServerRefreshHub');

协商请求期间的Angular SignalR错误

1 个答案: