将特定于选项卡的数据绑定到HTTP GET请求

Question

我正在尝试实现一种身份验证机制,其中每个浏览器选项卡可能以不同的用户身份登录.

以下是此系统的规则:

身份验证令牌指示登录的用户.
有两种身份验证令牌:私有和公共.
每个私有令牌都绑定到一个选项卡并确定其帐户信息.
可以通过任何选项卡读取/写入公共令牌,并指示登录的最后一个帐户(跨所有选项卡).
当用户在任何选项卡中注销时,将删除私有和公共令牌.
每次选项卡访问需要身份验证的页面时,系统都会尝试读取私有令牌.如果未设置(如新/空白选项卡的情况),则会尝试将公共令牌的值复制到私有令牌中.如果未设置公共令牌,则将用户重定向到验证屏幕.
当选项卡已登录且用户单击链接时,该请求必须在自定义HTTP标头中包含私有标记.出于安全原因,不能在URI中发送此信息.
能够使用后退/前进按钮进行导航,就像使用普通链接一样(意味着,没有提示重新提交表单数据).

到目前为止我尝试过的:

使用cookies了私有和公共令牌:这不起作用,因为服务器无法知道看哪个饼干中如果用户点击从选项卡内的链接的方式,要求将所有的标签和所有的cookies服务器无法知道哪一个点击链接.
存储私有令牌sessionStorage:这不起作用,因为当用户点击链接时,无法指定应与HTTP GET请求一起发送的自定义标头.
使用AJAX请求页面,然后使用数据URI导航到内存中的页面:出于安全原因,Internet Explorer不允许对HTML内容使用DATA URI.请参阅http://msdn.microsoft.com/en-us/library/cc848897%28v=vs.85%29.aspx
使用<form method="get" enctype="multipart/form-data">隐藏字段使用和传递令牌:enctype ="multipart/form-data"仅支持POST.
使用<form method="post" enctype="multipart/form-data">隐藏字段并使用隐藏字段传递令牌:理论上,这应该可行但现在如果用户使用后退/前进按钮,则会提示用户重新提交表单数据.
使用AJAX请求页面,然后使用重写当前页面document.open(); document.write(); document.close().我想这两个/sf/answers/308326161/和http://forums.mozillazine.org/viewtopic.php?p=5767285&sid=d6a5a2e8e311598cdbad124e277e0f52#p5767285并在这两种情况下,在新的脚本<head>块永远不会执行.

有任何想法吗？

Answer 1

好的,经过许多不同的迭代后,我们最终得到的实现是:

变量

有两种数据存储:
- IndexedDB,在所有选项卡中共享.
- sessionStorage,每个标签都是唯一的.
我们存储以下变量:
- IndexedDB包含publicToken,nextTabId.
- sessionStorage包含privateToken,tabId.

每次选项卡登录,privateToken并publicToken使用由服务器返回的认证令牌将被覆盖.
当用户注销时,我们删除privateToken并publicToken在浏览器端和privateToken服务器端删除.我们不在publicToken服务器端删除.
这意味着只要选项卡注销,所有共享相同选项卡的选项卡privateToken也会被注销.使用不同令牌的任何标签都不会受到影响.
多个标签何时共享privateToken？在新窗口或选项卡中打开链接时,它将继承privateToken父选项卡.
如果我们要publicToken在服务器上删除,则使用privateTokenX,publicTokenY 注销的选项卡将导致带有privateTokenY的选项卡被注销(这是不合需要的).

为长期实施细节道歉,但我找不到更简单/更短的解决方案.