如何在signalR中向特定用户发送消息Asp.net WebForms

我也查阅了文章：

SignalR - Sending a message to a specific user using (IUserIdProvider) NEW 2.0.0
signalR - send message to specific user
Send message to specific user in signalr
- 我正在使用signalR与www.example.com WebForms中的特定用户聊天**。Asp.net WebForms**. My wishes are as follows:
我在数据库里有一个用户列表。我使用Repeater显示它。
当我单击该用户时，它会打开消息对话框divChatWindow
在消息对话框（divChatWindow）我有1个输入+1个按钮发送消息内容。

当按钮发送消息时，单击$('#btsendmessenger').click(function()....我调用事件：

chatHub.server.sendPrivateMessage(toUserID, msg, datetext, userAvatar);

但是，如何知道toUserID的值---> //The person who received the message
以下是我正在使用的代码：
我有以下数据页：* * 聊天. aspx**

<asp:UpdatePanel ID="UpdatePanel1" runat="server" ClientIDMode="Static">
    <ContentTemplate>
        //User chat list displayed from database
        <ul id="_listus">
            <asp:Repeater ID="rptListChat" runat="server" ClientIDMode="Static">
                <ItemTemplate>
                    <li data-value='<%# Eval("Code") %>' data-user='<%# Eval("fromUserIDGet") %>'>   
                        <div>
                            <div>
                                <img src='<%# Eval("fromUserAvatar") %>' class="p5 radius30">
                            </div>
                            <div>
                                <div>
                                    <div class="font-600 text-15"><%# Eval("fromUser") %></div>
                                    <span class="font-500 text-13"><%# Eval("lastMessenge") %> <span class="text-10"><%# Eval("lastDayMessenge") %></span></span>
                                </div>
                            </div>
                        </div>
                    </li>
                </ItemTemplate>
            </asp:Repeater>
        </ul>
        <asp:Button ID="btngetDetail" runat="server" OnClick="btngetDetail_Click" ClientIDMode="Static" CssClass="none" />
        
        //Div showing chat dialog
        <asp:Panel ID="pnDetailchat" runat="server" Visible="false">
          <div id="divChatWindow"></div>
          //Input to enter message content and send button
          <div>
               <div>
                   <asp:TextBox ID="_txtmessenger" AutoCompleteType="None" runat="server" ClientIDMode="Static" CssClass="form_cmt__" />
               </div>
               <div id="btsendmessenger"><i class="las la-paper-plane"></i></div>
          </div>
        </asp:Panel>
    </ContentTemplate>
</asp:UpdatePanel>

<input id="hdId" type="hidden" />
<input id="hdUserName" type="hidden" />
<input id="hdUserAvatar" runat="server" ClientIDMode="Static" type="hidden" />

- Javascript处理信号R**

<script src="scripts/jquery.signalR-2.4.3.min.js"></script>
<script src="signalr/hubs"></script>
<script>
    $("#_listus").on('click', 'li', function (e) {
        $('#btngetDetail').click();     
    });
</script>
<script>
    //On UpdatePanel Refresh
    var prm = Sys.WebForms.PageRequestManager.getInstance();
    if (prm != null) {
        prm.add_endRequest(function (sender, e) {
            if (sender._postBackSettings.panelsToUpdate != null) {
                if (document.getElementById("pnDetailchat")) {
                    /*chat*/
                    $(function () {
                        // Declare a proxy to reference the hub. 
                        var chatHub = $.connection.chatHub;
                        registerClientMethods(chatHub);
                        // Start Hub
                        $.connection.hub.start().done(function () {
                            registerEvents(chatHub)
                        });
                    });
                    function registerEvents(chatHub) {

                        var name = '<%= this.UserID %>';
                        if (name.length > 0) {
                            chatHub.server.connect(name);
                        }
                        $('#btsendmessenger').click(function () {

                            var msg = $("#_txtmessenger").val();
                            if (msg.length > 0 && msg.trim().replace(/'/g, '')) {
                                var userName = $('#hdUserName').val();
                                var userAvatar = $('#hdUserAvatar').val();
                                var date = new Date();
                                var datetext = date.getHours() + ":" + date.getMinutes();                                    
                                $("#_txtmessenger").val('');
                                document.getElementById('_txtmessenger').focus();
                                AddMessage(userName, msg, datetext, userAvatar);

                                var toUserID = ...**//How to get ConnectionId of specific user for chat**
                                chatHub.server.sendPrivateMessage(toUserID, msg, datetext, userAvatar);
                            }
                            else {
                                document.getElementById('_txtmessenger').focus();
                                document.getElementById("_txtmessenger").value = "";
                            }
                        });

                        $("#_txtmessenger").keypress(function (e) {
                            if (e.which == 13) {
                                e.preventDefault();
                                $('#btsendmessenger').click();
                            }
                        });
                        document.getElementById('_txtmessenger').focus();
                    }
                    function registerClientMethods(chatHub) {

                        // Calls when user successfully logged in
                        chatHub.client.onConnected = function (id, userName, allUsers, messages, times) {
                            $('#hdId').val(id);
                            $('#hdUserName').val(userName);
                            // Add Existing Messages
                            for (i = 0; i < messages.length; i++) {
                                AddMessage(messages[i].UserName, messages[i].Message, messages[i].Time, messages[i].UserImage);
                            }
                        }

                        chatHub.client.messageReceived = function (userName, message, time, userimg) {
                            AddMessage(userName, message, time, userimg);
                        }
                    }

                    function AddMessage(userName, message, time, userimg) {

                        var CurrUser = $('#hdUserName').val();
                        var Side = '_cusms left';
                        if (CurrUser == userName) {
                            Side = '_myms right';
                        }
                        var divChat =
                            '<div class="direct-chat-msg mb-20 ' + Side + '">' +
                            '<div class="flex gap10 item_chat_">' +
                            '<div class="w50">' +
                            '<img src="' + userimg + '" class="radius30 overflow-hidden">' +
                            '</div>' +
                            '<div class="flex-col w50per">' +
                            '<div class="info_us flex">' +
                            '<div class="font-600 text-14">' + userName + '</div>' +
                            '<div class="font-300 text-12">' + time + '</div>' +
                            '</div>' +
                            '<div class="_messenger">' + message + '</div>' +
                            '</div>' +
                            '</div >' +
                            '</div>';

                        $('#divChatWindow').append(divChat);

                        var height = $('#divChatWindow')[0].scrollHeight;
                        $('#divChatWindow').scrollTop(height);

                    }
                }
            }
        });
    };
</script>

- 聊天. aspx. cs**

public string UserID = "";
protected void Page_Load(object sender, EventArgs e)
{
    LoadInfoUser();
    LoadListChatUs();
}
protected void LoadInfoUser()
{
    string getuserid = "Select ....";
    DataTable dtgetuserid = XLDL.ReadDb(getuserid);
    ...
    {
        UserID = dtgetuserid.Rows[0]["UserID"].ToString();
    }
}
protected void LoadListChatUs()
{
    string getlistchat = "Select ....";
    DataTable getlistchat = XLDL.ReadDb(getlistchat);
    ...
    {
        rptListChat.DataSource = getlistchat;
        rptListChat.DataBind();
    }
}
protected void btngetDetail_Click(object sender, EventArgs e)
{
    pnDetailchat.Visible = true;
}

- ChatHub. cs**

public void Connect(string userID)
{
    userid = userID;    
    var id = Context.ConnectionId;
    if (ConnectedUsers.Count(x => x.ConnectionId == id) == 0)
    {
        string logintime = DateTime.Now.ToString();
        ConnectedUsers.Add(new Users
        {
            ConnectionId = id,
            UserName = userName,
            UserImage = imgavatar
        });

        // send to caller
        Clients.Caller.onConnected(id, userName, ConnectedUsers, CurrentMessage);

        // send to all except caller client
        Clients.AllExcept(id).onNewUserConnected(id, userName, imgavatar, logintime);
    }
}
public void SendPrivateMessage(string toUserId, string message, string time, string userAvatar)
{
    string fromUserId = Context.ConnectionId;
    var toUser = ConnectedUsers.FirstOrDefault(x => x.ConnectionId == toUserId);
    var fromUser = ConnectedUsers.FirstOrDefault(x => x.ConnectionId == fromUserId);
    if (toUser != null && fromUser != null)
    {
        // send to
        Clients.Client(toUserId).sendPrivateMessage(fromUserId, fromUser.UserName, message, time, userAvatar);
        // send to caller user
        Clients.Caller.sendPrivateMessage(toUserId, fromUser.UserName, message, time, userAvatar);
    }

}

- 假设用户列表中的在线用户可以在事件$（'#btsendmessenger'）. click（function（）....时收到实时消息。我对var toUserID =的值很模糊？**

期待大家的帮助。谢谢你!

如何在signalR中向特定用户发送消息Asp.net WebForms

1条答案

相关问题

热门标签

最新问答