Asp.NET中如何跨页面传递SignalR的ConnectionId并跳转

完全可以用Cookie实现这个需求，以下是具体的实现步骤：

1. Page1点击按钮时写入Cookie #

根据你用的是服务器端按钮还是前端按钮，分两种实现方式：

服务器端按钮（C#后台代码） #

在Page1的按钮点击事件里，把隐藏域的ConnectionId和用户名写入Cookie，再跳转Page2：

protected void ChatButton_Click(object sender, EventArgs e)
{
    // 从隐藏域取已保存的ConnectionId和用户名
    string connectionId = hidConnectionId.Value;
    string userName = hidUserName.Value;

    // 创建Cookie，设置1小时有效期（可按需调整）
    HttpCookie chatCookie = new HttpCookie("ChatInfo");
    chatCookie["ConnectionId"] = connectionId;
    chatCookie["UserName"] = userName;
    chatCookie.Expires = DateTime.Now.AddHours(1);
    // 若Page1和Page2不在同一路径，设置path为根目录确保能读取
    chatCookie.Path = "/";
    Response.Cookies.Add(chatCookie);

    // 跳转至聊天页面
    Response.Redirect("Page2.aspx");
}

前端按钮（JS代码） #

如果是用前端JS处理按钮点击，直接在客户端写入Cookie：

document.getElementById('chatButton').addEventListener('click', function() {
    // 读取隐藏域的值
    const connectionId = document.getElementById('hidConnectionId').value;
    const userName = document.getElementById('hidUserName').value;

    // 写入Cookie，设置根路径和1小时有效期
    document.cookie = `ChatInfo_ConnectionId=${connectionId}; path=/; max-age=3600`;
    document.cookie = `ChatInfo_UserName=${userName}; path=/; max-age=3600`;

    // 跳转Page2
    window.location.href = 'Page2.aspx';
});

2. Page2读取Cookie并处理聊天逻辑 #

在Page2里读取Cookie中的ConnectionId，用于SignalR向指定用户发消息：

后台读取（C#） #

protected void Page_Load(object sender, EventArgs e)
{
    if (Request.Cookies["ChatInfo"] != null)
    {
        string targetConnId = Request.Cookies["ChatInfo"]["ConnectionId"];
        string targetUserName = Request.Cookies["ChatInfo"]["UserName"];

        // 把值存到ViewState或页面变量，供后续SignalR调用使用
        ViewState["TargetConnId"] = targetConnId;
        ViewState["TargetUserName"] = targetUserName;
    }
}

前端读取（JS） #

先封装一个读取Cookie的工具方法，再在页面加载时获取值：

// 读取指定名称的Cookie
function getCookie(name) {
    const value = "; " + document.cookie;
    const parts = value.split("; " + name + "=");
    if (parts.length === 2) return parts.pop().split(";").shift();
}

window.onload = function() {
    const targetConnId = getCookie('ChatInfo_ConnectionId');
    const targetUserName = getCookie('ChatInfo_UserName');

    if (targetConnId) {
        // 初始化SignalR连接后，就可以用这个ConnectionId发消息
        const connection = $.hubConnection();
        const chatHub = connection.createHubProxy('ChatHub');

        connection.start().done(function() {
            // 示例：向指定用户发送消息
            chatHub.invoke('SendMessageToUser', targetConnId, '欢迎进入聊天页面');
        });
    }
};

注意事项 #

• 路径设置：如果Page1和Page2不在同一目录，一定要把Cookie的path设为/，避免Page2读不到。
• 安全性：如果涉及敏感操作，建议给Cookie加上HttpOnly和Secure属性（HTTPS环境下），防止XSS攻击：

  chatCookie.HttpOnly = true;
  chatCookie.Secure = true;
  

• 有效期：可以根据需求设置为会话级（不写Expires，关闭浏览器就失效）或固定时长。

内容的提问来源于stack exchange，提问作者Chim Di Tru