[发明专利]一种多个标签页之间共享数据duke组的方法

说明书

本发明公开了一种多个标签页之间共享数据duke组的方法，所述方法包括如下步骤：步骤1：当打开新标签页的时候，检测是否存在标签，若存在则出发时间通知已存在标签；步骤2：已存在标签收到步骤1所述的通知，然后检测目前标签页的sessionStorage中是否存在token；步骤3：根据步骤2的检测结果，若token存在则将token放入localstorage触发事件通知新打开的标签并且移除放入的token；若不存在则不做操作；步骤4：打开新的标签，接到事件通知，拿到token放入sessionStorage。将token存储于前端释放了服务器压力，利用sessionStorage储存token标签页关闭即可清除,不会当标签页关闭(甚至浏览器完全关闭)后还会持续存活一定时间，多个标签页之间共享sessionStorage没有中间状态。

技术领域

本发明属于计算机软件技术领域，具体涉及一种多个标签页之间共享数据duke组的方法。

背景技术

一些重要的系统会要求当用户关闭标签页时会话立刻到期，这些问题就使得我们在保存认证token时应使用内存或sessionStorage。sessionStorage的好处是它允许跨多个页面保存数据，并且也支持浏览器刷新操作。这样用户就可以在多个页面之间跳转或刷新页面而保持登录状态，我们将token保存在sessionStorage，并在每次请求服务器时将token放在请求头中来完成用户的身份认证。当用户关闭标签页，token会立即过期，但是sessionStorage不支持跨标签页共享数据，这就导致了一个很差的用户体验问题，用户经常希望打开多个标签页，因为Token信息是保存在SessionStorage中，所以每次开启一个标签页都会要求用户重新登录。

发明内容

本发明的目的在于：为了解决上述的用户在使用网页时每打开一个新的标签都会提示用户重新登录的问题，提出一种多个标签页之间共享数据duke组的方法。

本发明采用的技术方案如下：

一种多个标签页之间共享数据duke组的方法，所述方法包括如下步骤：

步骤1：当打开新标签页的时候，检测是否存在标签，若存在则出发时间通知已存在标签；

步骤2：已存在标签收到步骤1所述的通知，然后检测目前标签页的sessionStorage中是否存在token；

步骤3：根据步骤2的检测结果，若token存在则将token放入localstorage触发事件通知新打开的标签并且移除放入的token；若不存在则不做操作；

步骤4：打开新的标签，接到事件通知，拿到token放入sessionStorage。

打开一个标签页时候检测是否为第一个标签页，如果是则没有token共享，若不是则触发事件通知已存在标签，已存在标签接收到通知后检查目前标签页的sessionStorage中是否存在token，若存在则将token放入localStorage，触发事件通知新打开的标签并且移除放入的token，待新打开的标签接到事件通知后拿到token放入sessionStorage。通过此方法能实现多个标签页之前共享token信息，不用在没一次开启一个新标签页的时候都会要求用户重新登录。

优选地，所述步骤3中localstorage将请求数据储存在本地，其相当于一个大小5M的针对前端页面的数据库，可跨标签使用。利用localStorage事件提出了一种方案，新开一个标签页时，我们先来询问其它已经打开的标签页是不是有需要给我们共享的sessionStorage数据。如果有，现有的标签页会通过localStorage事件来传递数据到新打开的标签页中，我们只需要复制一份到本地sessionStorage即可。