Question

遵循本教程：

http://www.asp.net/signalr/overview/getting-started/tutorial-getting-started-with-signalr

我设法实现了一个非常简单的信号聊天客户端。也就是说，一个广播从javascript发送给它的消息的集线器。

很好，有效。

但是现在我尝试使用相同的index.html文件和js（即发送消息的代码）创建第二个项目，并且我收到一个未定义的错误。当文件与教程指定时一样（在“远程”项目中），文件之间的唯一区别是，我已经明确指定connection.hub.url，因为我已经被各种建议讯息。

我到底错过了什么？简单地将url设置为托管信号器集线器的其他站点显然是不够的，我是否需要添加某种代理？在这一点上完全混淆。

我的javascript文件（没有集线器的网站上的javascript）：

$(function () {
            var chat = $.connection.chatHub;
            $.connection.hub.url = "http://localhost:14113/signalr";

            chat.client.broadcastMessage = function (name, message) {
                // Do something
            };

            $.connection.hub.start().done(function () {
                $('#sendmessage').click(function () {
                    chat.server.send($('#displayname').val(), $('#message').val());
                });
            });
        });

它是chat变量的第一个引用，我有未定义的错误。

注意：我可以确认两个站点都在运行，集线器可用，因为我可以导航到另一个选项卡（原始解决方案中的相同index.html文件）并且它按预期运行。

我还可以确认我的jQuery库（正确引用）和jQuery signalR脚本的存在（再次，没有404s，所有引用都正确）。

Answer 1

您正尝试访问主机应用程序中生成的chatHub。看起来您的代码无法获得chatHub。您需要确保在客户端应用程序中包含集线器，如下所示：

<script src="localhost:14113/signalr/hubs"></script>

Answer 2

尝试使用xdomain代理，例如

$(function () {

    $.connection.hub.url = 'http://localhost:14113/signalr';

    $.connection.hub.start({ xdomain: true })
        .done(function () { console.log('Connected. connectionId : ' + $.connection.hub.id); })
        .fail(function () { console.log('Could not connect!');
    });

    var proxy = $.connection.chatHub;

    proxy.client.broadcastMessage = function(uri) {
        //Do something
    };

    $('#sendmessage').click(function () {
        proxy.server.send($('#displayname').val(), $('#message').val());
    });
});

我的signalR客户端缺少哪些基本组件？

2 个答案: