web-dev-qa-db-ja.com

SignalRハブ接続をクロスドメインで機能させるにはどうすればよいですか？

超シンプルなハブ接続をクロスドメインで動作させようとしていますが、うまくいきません。私は何十もの投稿を読み、言及したすべてを実行しましたが、まだ成功していません。

私のサーバーハブはここにあります

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

私のサーバーMapHubs呼び出しはここにあります

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

私のjavascriptクライアントはここにあります

<!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>

問題は、接続成功または失敗のアラートに到達せず、alert（chat）コールが未定義を返すことです。

$ .connection.hub.url行に対していくつかの組み合わせを試しました

$.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/';

Chromeの開発者コンソールとFirebugがエラーを表示します

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

同じドメインで正常に動作します。これは本当に私を狂わせ始めているので、どんな助けでもありがたいです。

ありがとう、ジェイソン

javascriptcross-domainsignalr
22
Jason

サーバーはクロスドメインでホストされていますが、現在のドメインからハブを取得しようとしています。したがって、ハブファイルの取得に失敗し、実際に動作するプロキシがありません（そのため、すべてが機能していません）。

したがって、2つのオプションがあります。

  1. ハブファイルを手動で作成し、現在のドメインでホストします： http://www.asp.net/signalr/overview/hubs-api/hubs-api-guide-javascript-client#manualproxy 。
  2. Rawハブ接続APIを使用し、signalr/hubsファイルをまったく含めないでください。

生のハブ接続APIの使用方法のコードスニペットは次のとおりです。 http://www.asp.net/signalr/overview/hubs-api/hubs-api-guide-javascript-client#nogenconnection =（2番目のコードスニペット）。

19
N. Taylor Mullen