无法阅读房产'客户'未定义使用SignalR

时间:2015-06-16 07:27:01

标签: asp.net-web-api signalr signalr-hub

我一整天都在工作,没有运气。 我也尝试过(几乎)每一个SO问题,但我没有让它工作......

我使用非常简单的SignalR推送消息运行web api,并使用单独简单的前端来显示此推送消息。 在我的情况下,推送消息不断改变数字。

的index.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>test app</title>

    <script src="scripts/jquery-2.1.4.js"></script>
    <script src="scripts/jquery.signalR-2.2.0.js"></script>

    <script src="/signalr/hubs"></script>
</head>
<body>
    <div id="testElm">TEST: </div>

    <script type="text/javascript">
        $(document).ready(function () {

            $.connection.hub.url = "http://localhost:55833/signalr";
            var hub = $.connection.displayHub;

            hub.client.pushMessage = function (response) {

                $('#testElm').text(response);
            };

            $.connection.hub.start();
        });
    </script>
</body>
</html>

我的集线课

public class DisplayHub : Hub
{
    public DisplayHub() : this(GlobalHost.ConnectionManager.GetHubContext<DisplayHub>().Clients) { }

    public DisplayHub(IHubConnectionContext<dynamic> clients)
    {
    }

    public void PushMessage(string message)
    {
        // generate random number and send it every 1s for testing

        Clients.All.pushMessage(randomNumber);
    }
}

使用

运行时
$.connection.hub.logging = true;

这是我得到的日志

2015-06-15 16:44:15 GMT+0100 (GMT Daylight Time)] SignalR: Auto detected cross domain url.
2015-06-15 16:44:15.314 jquery.signalR-2.2.0.js:81 [16:44:15 GMT+0100 (GMT Daylight Time)] SignalR: Negotiating with 'http://localhost:55833/signalr/negotiate?clientProtocol=1.5'.
2015-06-15 16:44:15.434 jquery.signalR-2.2.0.js:81 [16:44:15 GMT+0100 (GMT Daylight Time)] SignalR: webSockets transport starting.
2015-06-15 16:44:15.435 jquery.signalR-2.2.0.js:81 [16:44:15 GMT+0100 (GMT Daylight Time)] SignalR: Connecting to websocket endpoint 'ws://localhost:55833/signalr/connect?transport=webSockets&clientProtocol=1.5&connectionToken=h7UAGOrF6RP8JUE%2F82K84E8NSZOd8jsuijsCQ2Jyh1jRi7zXmIpoVnIP9tjEjlcWvxihtZBNt6BYdaAW2jp574B5nXS%2BJFEW%2F%2BdixsiV0yu3YwaN5ERh6yhYtkvztQSQ&tid=5'.
2015-06-15 16:44:15.451 jquery.signalR-2.2.0.js:81 [16:44:15 GMT+0100 (GMT Daylight Time)] SignalR: Websocket opened.
2015-06-15 16:44:15.510 jquery.signalR-2.2.0.js:81 [16:44:15 GMT+0100 (GMT Daylight Time)] SignalR: webSockets transport connected. Initiating start request.
2015-06-15 16:44:15.518 jquery.signalR-2.2.0.js:81 [16:44:15 GMT+0100 (GMT Daylight Time)] SignalR: The start request succeeded. Transitioning to the connected state.
2015-06-15 16:44:15.518 jquery.signalR-2.2.0.js:81 [16:44:15 GMT+0100 (GMT Daylight Time)] SignalR: Now monitoring keep alive with a warning timeout of 13333.333333333332, keep alive timeout of 20000 and disconnecting timeout of 30000

我一直在

Cannot read property 'client' of undefined
  • 检查&#34; hub&#34;将显示集线器未定义...
  • 浏览到http://localhost:55833/signalr/hubs我可以看到正在创建的服务器上的集线器。
  • 暂时合并API和前端,一切都会正常工作,但如果我将它们分开,我将会遇到上述错误......
  • 使用[HubName(&#34; displayHub&#34;)]属性没有区别。
  • 根据上面的日志正确设置CORS

任何想法导致错误的原因是什么?有没有办法我可以进一步调试signalR以找出发生了什么?

更新1:

阅读ASP.NET SignalR Hubs API指南 - http://www.asp.net/signalr/overview/guide-to-the-api/hubs-api-guide-javascript-client上的JavaScript 我已将代码更改为未生成的代理段落:

var conn = $.hubConnection("http://localhost:55833/signalr");
var hubProxy = conn.createHubProxy('displayHub');

hubProxy.on('pushMessage', function (response) {
    $('#testElm').text(response);
});

conn.start();

它开始起作用了......有人可以解释原因吗?

2 个答案:

答案 0 :(得分:4)

从您的问题我了解到,您有两个不同的客户端和服务器应用程序,并且您正在使用CORS。您的第一次尝试不起作用的原因是您没有使动态SignalR端点成为服务器应用程序的目标。你应该改变这个:

<script src="/signalr/hubs"></script>

进入这个:

<script src="http://localhost:55833/signalr/hubs"></script>

原因是,该端点动态生成表示集线器形状的Javascript代码,因此需要在集线器所在的应用程序上调用它,因此需要在服务器上调用。

答案 1 :(得分:0)

如果您的信号器项目未在运行时加载,您也可能会收到此错误。例如它缺少一个装配。 完整的主机前缀不是必需的,因此包括/ signalr / hubs就足够了。