javascript - 在 ASP.net MVC Signalr 中连接客户端服务器

Question

这是我的 Signal R 客户端。当我运行客户端时，我收到此错误。(0x800a139e - JavaScript 运行时错误:SignalR:加载集线器时出错。确保您的集线器引用正确，例如。)

异常来自 $.connection.hub.start 行

我的服务器应用程序中的文件夹 HUBS 中有一个 ServerHub 类，运行正常。

谁能帮帮我..谢谢

<script src="~/Scripts/jquery.signalR-2.2.0.min.js"></script>
<script src="http://localhost:39670/MySignalRServer/signalr/hubs"></script>
 var ChatHubProxy = $.hubConnection("http://localhost:39670/MySignalRServer/signalr/hubs");
        var chat = ChatHubProxy.createHubProxy('ServerHub');

    chat.on("addNewMessageToPage",function (name, message) {
        // Add the message to the page.
          $('#discussion').append('<li><strong>' + htmlEncode(name)
            + '</strong>: ' + htmlEncode(message) + '</li>');
        });
      $.connection.hub.start({jsonp:true}).done(function () {
            $('#sendmessage').click(function () {
                // Call the Send method on the hub.
                chat.server.send($('#displayname').val(),       $('#message').val());
                alert("hiii");
                // Clear text box and reset focus for next comment.
                $('#message').val('').focus();
            });
        });

Answer 1

尝试将代码更改为:

<script src="~/Scripts/jquery.signalR-2.2.0.min.js"></script>
<script src="http://localhost:39670/MySignalRServer/signalr/hubs"></script>

    var chat = $.connection.ServerHub;  //here

    chat.on("addNewMessageToPage", function(name, message) {
        // Add the message to the page.
        $('#discussion').append('<li><strong>' + htmlEncode(name)
            + '</strong>: ' + htmlEncode(message) + '</li>');
    });

    $.connection.hub.start().done(function() {    //here
        $('#sendmessage').click(function() {
            // Call the Send method on the hub.
            chat.server.send($('#displayname').val(), $('#message').val());
            alert("hiii");
            // Clear text box and reset focus for next comment.
            $('#message').val('').focus();
        });
    });

并确保该地址正确 - <script src="http://localhost:39670/MySignalRServer/signalr/hubs"></script>

我总是用这个 - <script src="/signalr/hubs"></script>

并添加 HubName 属性

[HubName("ServerHub")]
public class ServerHub : Hub
{
    public string Send(string name, string message)
    {
        Clients.All.broadcastMessage(name, message);

        return null;
    }
}

或更改此代码:

 var chat = $.connection.ServerHub;

到

 var chat = $.connection.serverHub;

演示项目:https://github.com/czerwonkabartosz/SignalRDemo