连接到SignalR Hub。

Question

我在控制台应用程序中创建了一个简单的SignalR hub：

class Program
{
    static void Main(string[] args) 
    {    
        using (WebApp.Start<Startup>("http://localhost:1968"))
        {
            Console.WriteLine("Server running!");        
            Console.ReadLine();    
        } 
    } 
}

public static class UserHandler
{
    public static HashSet<string> ConnectedIds = new HashSet<string>();
}

[HubName("echo")]
public class EchoHub : Hub 
{ 
    public void Say(string message) 
    { 
        Trace.WriteLine("hub: "+message);
        Clients.All.AddMessage(message);
    }

    public override Task OnConnected()
    {
        UserHandler.ConnectedIds.Add(Context.ConnectionId);
        return base.OnConnected();
    }

    public override Task OnDisconnected()
    {
        UserHandler.ConnectedIds.Remove(Context.ConnectionId);
        return base.OnDisconnected();
    }
}

class Startup 
{ 
    public void Configuration(IAppBuilder app) 
    { 
        app.MapSignalR();
    } 
} 

当我尝试从Silverlight应用连接它时，它会成功：

static Microsoft.AspNet.SignalR.Client.HubConnection signalR { get; set; }
public static Microsoft.AspNet.SignalR.Client.IHubProxy signalRhub { get; set; }

public static void StartSignalR()
{
    var url = "http://localhost:1968";
    signalR = new Microsoft.AspNet.SignalR.Client.HubConnection(url);
    signalR.Received += signalR_Received;
    signalRhub = signalR.CreateHubProxy("echo");
    signalR.Start().Wait();
    signalRhub.Invoke("Say", "hub invoked");
}

我的下一步是从jquery连接SignalR中心:

<script src="../Scripts/jquery-1.6.4.js"></script>
<script src="../Scripts/jquery.signalR-2.1.0.js"></script>
<script>
    $(function ()
    {
        var connection = $.hubConnection("http://localhost:1968");
        connection.start()
            .done(function () {
                console.log('connected');
                connection.send("success?");
            })
            .fail(function (a) {
                console.log('not connected'+a);
            });
    });
</script>

当我尝试运行这个脚本时，它会出现错误：

"XMLHttpRequest cannot load localhost:1968/signalr/negotiate?clientProtocol=1.4&_=1404978593482. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin <code>http://localhost:55282</code> is therefore not allowed access."

为什么我可以从我的Silverlight页面（托管在localhost:3926）连接到中心，
但在运行jquery脚本（托管在localhost:55282）时失败了？

我该怎么做才能让jQuery和SignalR Hub之间建立工作连接？

- henk

---

我的猜测是，由于JS托管在与SignalR Hub不同的端口上，因此它被解释为跨站点请求。 同源策略正在生效。 - scheien

这很有道理，但为什么 Silverlight 也是在不同的端口上托管，却可以成功连接呢？ 如果可以，是否有可能设置 SignalR 中心，以允许跨请求？ - henk

使用CORS。罪魁祸首是浏览器。在您使用的Silverlight实现中，我假设您正在使用.NET SignalR客户端？ - scheien

你可以使用jsonp，但我建议将SignalR移动到Web服务器上。 - Anders

确实，我使用.NET SignalR客户端。Vishal Ravlani提供的解决方案似乎有效，感谢你们的回答。 - henk

Answer 1

改变

$(function ()
    {
    var connection = $.hubConnection("http://localhost:1968");
    connection.start()
        .done(function () {
            console.log('connected');
            connection.send("success?");
        })
        .fail(function (a) {
            console.log('not connected'+a);
        });
});

到

$(function ()
{
var connection = $.hubConnection("http://localhost:1968");
var hub = connection.createHubProxy("echo");
hub.on("AddMessage", Method);
connection.start({ jsonp: true })
            .done(function () {
            console.log('connected');
            hub.say("success?");
        })
        .fail(function (a) {
            console.log('not connected'+a);
        });
});

function Method(messageFromHub)
{
alert(messageFromHub);
}

和

class Startup 
{ 
    public void Configuration(IAppBuilder app) 
    { 
        app.MapSignalR();
    } 
} 

到

class Startup 
{ 
    public void Configuration(IAppBuilder app) 
    { 
        app.MapSignalR(new HubConfiguration() { EnableJSONP = true });} 
} 

应该可以。

app.MapSignalR(new HubConfiguration() { EnableJSONP = true });} 

和

connection.start({ jsonp: true })

将允许跨站请求

- Vishal Ravlani

---

谢谢，它帮助我处理Web API和PHP客户端。 - King_Fisher

我可以将其用于 WPF 客户端吗？ - Ragesh S

Answer 2

使用createHubProxy()在SignalR服务器上进行RPC：

感谢Vishal Ravlani的答案。

但对于我来说：

hub.say("success?");

无法工作！（它对你起作用吗？）

我必须写：

hub.invoke('say','success?');

---

SignalR 自动检测了客户端的跨域。

在服务器上，我使用了以下代码：

app.Map("/signalr", map =>
            {
                map.UseCors(CorsOptions.AllowAll);

                map.RunSignalR();
            });

这个链接中介绍了一个名为“crossdomain”的东西：http://www.asp.net/signalr/overview/signalr-20/hubs-api/hubs-api-guide-javascript-client#crossdomain

- MichiBack

---

据我所见，这不是一个答案？如果你有问题，应该自己提出... - Bjørn

这是对Vishal Ravlani答案的补充。在我的情况下，这个答案并不完全适用。我的问题针对Vishal Ravlani... - MichiBack

@MichiBack，对我来说hub.Invoke也比hub.say更有效。 - Afnan Ahmad