Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How do I get a SignalR hub connection to work cross-domain?

Tags:

I am trying to get a super simple hub connection working cross-domain but having no luck. I've read dozens of posts and done everything mentioned but still no success.

My server hub is here

public class ChatHub : Hub {     public void Send(string name, string message)     {         Clients.All.broadcastMessage(name, message);     } } 

My server MapHubs call is here

RouteTable.Routes.MapHubs(new HubConfiguration { EnableCrossDomain = true }); 

Any my javascript client is here

<!DOCTYPE html>  <html> <head>     <meta name="viewport" content="width=device-width" />     <title>Index</title>     <script src="~/Scripts/jquery-2.0.1.min.js"></script>     <script src="~/Scripts/jquery.signalR-1.1.2.min.js"></script>     <script src="/signalr/hubs"></script> </head> <body>     <div class="container">         <input type="text" id="displayname" value="Test" />         <input type="text" id="message" value="I'm here" />         <input type="button" id="sendmessage" value="Send" />     </div>     <script type="text/javascript">         $(function ()         {             $.connection.hub.url = 'http://<my url>/';             var chat = $.connection.chatHub;             alert(chat);             $.connection.hub.start().done(function ()             {                 alert("Connection succeeded");             }).fail(function ()             {                 alert("Connection failed");             });         });     </script> </body> </html> 

The problem is that it never reaches the Connection succeeded or failed alerts and the alert(chat) call returns undefined.

I've tried several combinations for the $.connection.hub.url line

$.connection.hub.url = 'http://<My url>'; $.connection.hub.url = 'http://<My url>/'; $.connection.hub.url = 'http://<My url>/signalr'; $.connection.hub.url = 'http://<My url>/signalr/'; 

The developer console in Chrome and Firebug give me the error

Uncaught Error: SignalR: Error loading hubs. Ensure your hubs reference is correct, e.g. <script src='/signalr/hubs'></script>.  

On the same domain it works fine. This is really starting to drive me crazy so any help would be appreciated.

Thanks, Jason

like image 724
Jason Avatar asked Jun 01 '13 17:06

Jason


People also ask

Is SignalR bidirectional?

ASP.NET SignalR is a new library for ASP.NET developers that makes developing real-time web functionality easy. SignalR allows bi-directional communication between server and client. Servers can now push content to connected clients instantly as it becomes available.

Is SignalR two way communication?

SignalR is a two-way RPC protocol (request–response protocol) used to exchange messages between client and server (bi-directional communication) that works independently of transport protocols.


1 Answers

Your server is being hosted cross domain yet you're trying to get the hubs from the current domain. Therefore it's failing to retrieve the hubs file and you don't actually have a proxy to work with (which is why everything is not working).

So you have two options:

  1. Manually create the hubs file and host it on the current domain: http://www.asp.net/signalr/overview/hubs-api/hubs-api-guide-javascript-client#manualproxy.
  2. Use the raw hub connection API and do not include the signalr/hubs file at all.

Here's a code snippet of how you can use the raw hub connection API: http://www.asp.net/signalr/overview/hubs-api/hubs-api-guide-javascript-client#nogenconnection (second code snippet).

like image 168
N. Taylor Mullen Avatar answered Oct 14 '22 09:10

N. Taylor Mullen