Question

我有一个基于Asp.net MVC和SignalR的简单聊天应用程序。我打算每个“聊天室”有一个view个在这个应用程序中每个“聊天室”都是一个信号器组。我想弄清楚服务器端如何知道一个人在特定view中，然后将他/她的connectionId映射到该组。我知道这样做了在用户连接到chathub时被点击的OnConnected()任务中。它看起来像这样：

public override async Task OnConnected()
        {
            if("view" == "Room1")
            {
            await Groups.Add(Context.ConnectionId, "Room1");
            }
        }

但我怎么能抓住"view"？也许有人知道这样做的不同方法吗？

以下是目前大多数视图的显示方式：

@model PagedList.IPagedList<ChatProj.Models.Message>
@using PagedList.Mvc; 
<link href="~/Content/PagedList.css" rel="stylesheet" type="text/css" />

@{
    ViewBag.Title = "Chat";
}

<h2>Chat</h2>

<style>
ul {list-style-type:circle;}
</style>

<div class="container">



    <div class="nano chat">
        <div class="content">

            <ul id="discussion">
            </ul> 
        </div> 
    </div>

    <input type="text" id="message" />

    <input type="button" id="sendmessage" value="Send" disabled="disabled" />

    <input type="hidden" id="displayname" />

</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-1.1.3.js"></script>
    <script src="~/Scripts/jquery.nanoscroller.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;
            $(".nano").nanoScroller();
            // 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>');
            };

            $(document).ready(function () {
                $("#sendmessage").removeAttr("disabled");
                $('#message').keypress(function (e) {
                    if (e.keyCode == 13)
                        $('#sendmessage').click();
                });
            });
            // Get the user name and store it to prepend to messages.

            // 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($('#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>
    }

Answer 1

就个人而言，我不会为每个聊天室创建单独的页面，而是将其作为带有集线器方法的SPA来加入和离开房间。这样您就不必为每个房间建立新的连接，并且您可以让许多房间中的人员与浏览器的连接限制发生冲突（通常每个域有6个并发）。

无论如何，要按照自己的方式进行操作，您可以使用query string将房间名称传递给OnConnected：

$.connection.hub.qs = { "room": "main" };
....
$.connection.hub.start();

并在OnConnected中阅读：

string room = Context.QueryString["room"];
if (room == ...) { ... }

从SignalR ChatHub识别MVC视图

1 个答案: