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();
        }
    }