连接到信号器集线器

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

class Program { static void Main(string[] args) { using (WebApp.Start("http://localhost:1968")) { Console.WriteLine("Server running!"); Console.ReadLine(); } } } public static class UserHandler { public static HashSet ConnectedIds = new HashSet(); } [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集线器：

    $(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); }); });  

当我尝试运行此脚本时，它会给出错误：

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

为什么我可以从Silverlight页面连接到集线器（托管在localhost：3926中）
当我运行jquery脚本（托管在localhost：55282）时失败了吗？

如何在jQuery和SignalR集线器之间建立有效连接？

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 }) 

将允许跨站点请求

Answer 2

使用createHubProxy（）在SignalR中使用RPC on Server：

感谢Vishal Ravlani的回答

但对我来说

 hub.say("success?"); 

不起作用！ （对你起作用吗？）

我要写：

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

---

SignalR已在客户端自动检测到CrossOrigin。

在我使用的服务器上：

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

其中描述了： http ： //www.asp.net/signalr/overview/signalr-20/hubs-api/hubs-api-guide-javascript-client#crossdomain