Как получить список подключенных клиентов в SignalR

Я совсем новичок в SignalR. Мое первое задание — сделать простое приложение для чата.

Я просматривал и читал и, наконец, сделал страницу, где вы заходите и общаетесь, и она отлично работает.

Теперь мне нужно показать список подключенных клиентов. Для этого я написал следующий код. Это мой ХАБ.

public class ChatHub: Hub
{

    chatEntities dc = new chatEntities();
    public void Send(string message,string clientName)
    {
        Clients.addMessage(message,clientName);

    }

    // I want to save the user into my database, when they join 
    public void Joined(string userId,string userName)
    {

        CurrentChattingUsers cu = new CurrentChattingUsers();
        cu.ConnectionId = userId;
        cu.UserName = userName;

        dc.CurrentChattingUsers.AddObject(cu);
        dc.SaveChanges();


       Clients.joins(userId, userName);
    }

    // This will return a list of connected user from my db table.
    public List<ClientModel> GetConnectedUsers()
    {
        var query = (from k in dc.CurrentChattingUsers
                     select new ClientModel()
                     {
                         FullName = k.UserName,
                         UserId = k.ConnectionId
                     }).ToList();
        return query;
    }   


}

И все... Что теперь?? Я иду в правильном направлении? Если я, то как вызвать эти методы из представления? Некоторые хорошие предложения действительно помогут мне. ваше здоровье

ИЗМЕНИТЬ:

Я добавил следующий скрипт при запуске хаба

$.connection.hub.start(function () {
            chat.getConnectedUsers();

        });

Это метод, который возвращает имена клиентов в моем концентраторе.

  public List<ClientModel> GetConnectedUsers()
    {
        var data = (from k in dc.Users
                     select new ClientModel()
                     {
                         FullName = k.UserName

                     }).ToList();

         Clients.loadUsers(data);
        return data;
    }

в firebug я вижу, что он возвращает следующее:

{"State":{},"Result":[{"FullName":"mokarom","UserId":null},  {"FullName":"aka8000","UserId":null},{"FullName":"johnnyno5","UserId":null},{"FullName":"reza","UserId":null},{"FullName":"amyo","UserId":null},{"FullName":"rezatech","UserId":null}],"Id":"0","Error":null,"StackTrace":null}

Но как бы я отобразил это на мой взгляд ??

ИЗМЕНИТЬ:

это полный вид до сих пор

<script type="text/javascript">
    var chat;
    var myClientName
    $(document).ready(function(){

      myClientName = '@Request.Cookies["ChatterName"].Value';


        // Created proxy
        chat = $.connection.chatHub;
        // Assign a function to be called by the server
        chat.addMessage = onAddMessage;

        // Register a function with the button click
        $("#broadcast").click(onBroadcast);


        $('#message').keydown(function (e) {
            if (e.which == 13) { //Enter
                e.preventDefault();

                onBroadcast();

            }
        });

        // Start the connection
        $.connection.hub.start(function () {
           chat.getConnectedUsers();

        });

        chat.loadUsers = function (data) {
            loadUsers(data); 

         };
    });


    function onAddMessage(message,clientName) {
        // Add the message to the list
        $('#messages').append('<div class="chatterName">' + clientName + ' </div><div class="chatterMessage"> ' + message + '</div><div class="clear">');

    }
    function onBroadcast() {
        // Call the chat method on the server
        chat.send($('#message').val(), myClientName);
        $('#message').val('');
    }
    function loadUsers(data) {
        $('#clientList').html(data.Result[0].FullName);

    }
</script>

Проблема: здесь ничего не видно: $('#clientList').html(data.Result[0].FullName); Firebug пишет, что данные не определены.


person Crime Master Gogo    schedule 30.09.2012    source источник


Ответы (1)


JavaScript

var chats = $.connection.chatHub;
chats.loadUsers = function (data) { loadUsers(data); };
var connectedUserCount = 0;

$.connection.hub.start(function () 
         { chats.getConnectedUsers(); });

function loadUsers =  = function (data) {
  console.log(data); //so you can see your data in firebug.etc
            //which signal r will have converted to json so you could try
  var numberOfUsers = data.length;  
}

После запуска хаба в чатах будут доступны все общедоступные функции вашего хаба в виде функций javascript. Это то, что создает сигнализатор/концентраторы, используя наилучший доступный метод соединения между клиентом и сервером.

В обратном случае ваш концентратор С# будет иметь доступ к любым функциям javascripts, которые вы настроили, например.

Clients.loadUsers(query);  
//add this to you server side just before you return query

ps — вы также можете рассмотреть возможность использования OnConnectedAsync, хотя, конечно, вы можете сохранить их. Я также жду полной поддержки веб-фермы с использованием sql, которая находится в конвейере. .

person dove    schedule 30.09.2012
comment
Привет, спасибо за ответ. Я пробовал именно то, что вы сказали. Метод My Controller возвращает «5», и я написал этот код для своего представления. $.connection.hub.start(function () {connectedUserCount = chat.getConnectedUsersCount();$('#clientList').append('‹li›' +connectedUserCount + '‹/li›');});. . Но он что-то возвращает [object Object]... Любая идея, что может пойти не так?? - person Crime Master Gogo; 30.09.2012
comment
Этот объект и есть ваш список. См. обновление, чтобы ответить, и, возможно, просто попробуйте начать с отправки простого poco или значения обратно клиенту для начала. Требуется немного, чтобы понять, как это работает. (ps - в моем первоначальном ответе было два недостатка, и, возможно, пока я пишу это псевдо, а не запускаю его) - person dove; 30.09.2012
comment
надеюсь, что это начинает иметь смысл, посмотрю снова утром. - person dove; 30.09.2012
comment
привет .. спасибо за помощь .. я попробую их довольно скоро и вернусь к вам с тем, что происходит .. - person Crime Master Gogo; 01.10.2012
comment
привет. отредактировал вопрос, добавил дополнительный код, который я написал недавно. но до сих пор не могу пройти. :( - person Crime Master Gogo; 01.10.2012
comment
давайте продолжим это обсуждение в чате - person dove; 01.10.2012