mvc signalr, как отобразить всех подключенных пользователей

Мне нужно создать чат с помощью signalr, и я новичок в этом.

Пока я получил только чат, прочитав некоторые другие коды и учебники, и вот что я получил:

на моем ChatApp.Hubs я получил следующий код

public static class UserHandler
{
    public static HashSet<string> ConnectedIds = new HashSet<string>();
}
public class ChatHub : Hub
{

    public void Send(string name, string message)
    {
        // Call the addNewMessageToPage method to update clients.
        Clients.All.addNewMessageToPage(name, message);
    }

    public override Task OnConnected()
    {
        UserHandler.ConnectedIds.Add(Context.ConnectionId);
        return base.OnConnected();
    }

    public override Task OnDisconnected(bool stopCalled)
    {
        UserHandler.ConnectedIds.Remove(Context.ConnectionId);
        return base.OnDisconnected(stopCalled);
    }
}

и мой взгляд я копирую из учебника

@{
ViewBag.Title = "Chat";
}
<h2>Chat</h2>
<div class="container">
    <input type="text" id="message" />
    <input type="button" id="sendmessage" value="Send" />
    <input type="hidden" id="displayname" />
    <ul id="discussion">
    </ul>
</div>
@section scripts {
    <!--Script references. -->
    <!--The jQuery library is required and is referenced by default in _Layout.cshtml. -->
    <!--Reference the SignalR library. -->
    <script src="~/Scripts/jquery.signalR-2.1.0.min.js"></script>
    <!--Reference the autogenerated SignalR hub script. -->
    <script src="~/signalr/hubs"></script>
    <!--SignalR script to update the chat page and send messages.--> 
    <script>
        $(function () {
            // Reference the auto-generated proxy for the hub.  
            var chat = $.connection.chatHub;
            // Create a function that the hub can call back to display messages.
            chat.client.addNewMessageToPage = function (name, message) {
                // Add the message to the page. 
                $('#discussion').append('<li><strong>' + htmlEncode(name) 
                    + '</strong>: ' + htmlEncode(message) + '</li>');
            };
            // Get the user name and store it to prepend to messages.
            $('#displayname').val(prompt('Enter your name:', ''));
            // Set initial focus to message input box.  
            $('#message').focus();
            // Start the connection.
            $.connection.hub.start().done(function () {
                $('#sendmessage').click(function () {
                    // Call the Send method on the hub. 
                    chat.server.send($('#displayname').val(), $('#message').val());
                    // Clear text box and reset focus for next comment. 
                    $('#message').val('').focus();
                });
            });
        });
        // This optional function html-encodes messages for display in the page.
        function htmlEncode(value) {
            var encodedValue = $('<div />').text(value).html();
            return encodedValue;
        }
    </script>
}

сейчас мне нужно отобразить всех подключенных пользователей в представлении
Спасибо за вашу помощь
Заранее спасибо


person barak    schedule 02.08.2016    source источник
comment
это может быть полезно   -  person mmushtaq    schedule 02.08.2016
comment
@ user55 Я прочитал этот пост, попробовал и застрял. Можете ли вы объяснить мне, что он сделал в этой строке: chatEntities dc = new chatEntities();   -  person barak    schedule 02.08.2016


Ответы (1)


Таким образом, вы в значительной степени хотите либо просто сохранить все «активные» соединения в какой-либо базе данных/хранилище, либо в статическом хэш-наборе/словаре.

Вы сохраняете ConnectionIds при подключении пользователя и удаляете их при отключении:

Центр

public class ChatHub : Hub
{
   static HashSet<string> CurrentConnections = new HashSet<string>();

    public override Task OnConnected()
    {
        var id = Context.ConnectionId;
        CurrentConnections.Add(id);

        return base.OnConnected();
    }

    public override System.Threading.Tasks.Task OnDisconnected()
    {
        var connection = CurrentConnections.FirstOrDefault(x => x == Context.ConnectionId);

        if (connection != null)
        {
            CurrentConnections.Remove(connection);
        }

        return base.OnDisconnected();
    }


    //return list of all active connections
    public List<string> GetAllActiveConnections()
    {
        return CurrentConnections.ToList();
    }

}

Клиент

Я добавил кнопку и неупорядоченный список.

HTML

<button id="show-all-connections">Show Connections</button>
<ul id="user-list">
</ul>

И добавил этот javascript (используя jQuery)

    $("#show-all-connections").on("click", function () {

        debugger;

        chatHub.server.getAllActiveConnections().done(function (connections) {
            $.map(connections, function (item) {
                $("#user-list").append("<li>Connection ID : " + item + "</li>");
            });
        });
    });

Надеюсь это поможет.

Обновлять

В вашем сценарии я не вижу никаких зацепок в использовании пользовательского провайдера UserId или чего-то еще, поэтому вам придется запросить у пользователя имя пользователя и сохранить с ним идентификатор подключения.

HTML

JavaScript

        $("#add-connection").click(function () {
            var name = $("#user-name").val();
            if (name.length > 0) {
                chatHub.server.connect(name);
            }
            else {
                alert("Please enter your user name");
            }
        });

Центр

    static List<Users> SignalRUsers = new List<Users>();

    public void Connect(string userName)
    {
        var id = Context.ConnectionId;

        if (SignalRUsers .Count(x => x.ConnectionId == id) == 0)
        {
            SignalRUsers .Add(new Users{ ConnectionId = id, UserName = userName });
        }
    }

    public override System.Threading.Tasks.Task OnDisconnected()
    {
        var item = SignalRUsers.FirstOrDefault(x => x.ConnectionId == Context.ConnectionId);
        if (item != null)
        {
            SignalRUsers.Remove(item);
        }

        return base.OnDisconnected();
    }

Пользователи.cs

public class Users
{
    public string ConnectionId { get; set; }
    public string UserName { get; set; }
}

Это псевдокод, так как я не могу запустить этот код в данный момент. Надеюсь, это поможет и даст вам достаточно четкое направление.

person Mark C.    schedule 02.08.2016
comment
C Это помогает, но ответ html - это соединения, которые мне нужны для отображения пользователей, но вместо этого он отображает соединение, как я могу вернуть пользователей? - person barak; 02.08.2016
comment
Как вы сопоставляете пользователей с подключениями? Я вижу только то, что вы храните ConnectionIds - person Mark C.; 02.08.2016
comment
Извините, я только сегодня запустил signalr, и я совершенно новичок в этом, не уверен, что вы имеете в виду, говоря о сопоставлении соединений. в основном мне нужно отобразить список активных пользователей, кстати, любая ссылка на учебник signalr будет оценена - person barak; 02.08.2016
comment
SignalR устанавливает идентификатор соединения. У вас есть возможность сопоставить эти идентификаторы подключения с пользователями несколькими различными способами. Как вы связываете пользователя с соединением? Словарь/список/база данных? - person Mark C.; 02.08.2016
comment
Я не связывал их, но на самом деле я пытался добавить имя пользователя и идентификатор подключения в базу данных, но мне это не удалось, извините, все еще тренирую это - person barak; 02.08.2016
comment
Я обновлю свой пример, но я не буду использовать базу данных, я просто буду использовать словарь и пользовательский класс. Я думаю, что это должно достаточно ответить на ваш вопрос (оставаясь в теме SignalR) - person Mark C.; 02.08.2016
comment
Марк С, спасибо за обновление, кстати, мне нужно добавить ключ Id для пользователей класса? - person barak; 03.08.2016
comment
Идентификатор соединения? - person Mark C.; 03.08.2016
comment
Пишет, что на сервере нет такого метода, как Connect. - person Jamshaid K.; 21.02.2018
comment
@CodeIt Я рекомендую вам опубликовать вопрос о конкретной проблеме, с которой вы столкнулись, а не комментировать этот ответ, поскольку он может не относиться к вам. - person Mark C.; 21.02.2018
comment
Благодарю вас! Я использовал только список, и он сбрасывался каждый раз, когда на класс концентратора ссылались или подключались к нему. - person foremaro; 17.01.2020