ClassR库中的SignalR集线器类

Question

我在一个图书馆里有一个信号中心中心类

当我在Web应用程序中使用该Hubclass并使用下面的javascript代码引用该类库时，它将无法正常工作，

$(function () {

    var chat = $.connection.notificationHub;

    chat.client.newMessage = function (message) {
        alert(message);

        $('#messages').append('<li><strong>' +  message + '</strong>: </li>');
    };
    $.connection.hub.start();
});

Answer 1

您需要一个事件来触发Hub类中的方法。 请参见以下示例：

类库中的NotificationHub

public class NotificationHub : Hub
{
    public void Send(string message)
    {
        Clients.All.newMessage(message);
    }
}

Web应用程序

<input type="text" id="message" />
<input type="button" id="sendmessage" value="Send" />
<ul id="messages"></ul>

   <script src="~/Scripts/jquery-1.10.2.min.js"></script>
   <script src="~/Scripts/jquery.signalR-2.0.1.min.js"></script>
   <script src="signalr/hubs"></script>

    <script>
        $(function () {
            var chat = $.connection.notificationHub;
            chat.client.newMessage = function (data) {
                //alert(data);
                $('#messages').append('<li><strong>' + data + '</strong>: </li>');
            };
            $('#message').focus();
            $.connection.hub.start().done(function () {
                console.log("Connected");
                $('#sendmessage').click(function () {
                    chat.server.send($('#message').val());
                    $('#message').val('').focus();
                });
            });
        });
    </script>

注意

由于hubclass在类库中，因此需要在其中安装Microsoft ASP.NET SignalR软件包。 您还需要将其安装在Web应用程序中。 然后将hubclass引用添加到Web应用程序。 在您的Startup类中添加app.MapSignalR() ，如下所示：

public partial class Startup
    {
        public void Configuration(IAppBuilder app)
        {
            ConfigureAuth(app);
            app.MapSignalR();
        }
    }