keycloak~避免出现"用户已登录"的界面

场景

keycloak出现"用户已登录"的界面的场景我们需要先搞清楚,主要是这样的操作:

  1. 用户打开一个浏览器,在上面同时打开多个登录窗口
  2. 用户先在一个窗口上进行登录
  3. 用户再第二个窗口上再进行登录
  4. 这时,出现用户已经登录,事实上,在kc上,如果你已经登录了,则不能再使用其它用户登录了

原因

  1. 同一个浏览器在同一个kc realm下,它的sessionid是相同的,所以被认为一个用户,不支持多个用户的sessionid

多用户登录改进

如果希望kc支持在一个用户登录后,再刷新第二个界面的登录页,再使用第二个用户才能登录。

单用户不出现用户已登录

  1. 前端ftl模板添加session状态检查
  2. 如果cookie中存的sessionid已经登录,而进行redirect_uri
  3. 如果没有登录,再走正常的登录逻辑
  • 前端登录代码
  function confirmSession(callback) {
        $.get("/auth/realms/your-realms/session-exist", function (o) {
            console.log(o);
            if (o.exist) {
                location.href = getQueryVariable("redirect_uri");
            } else {
                callback();
            }
        });
    }

   function login_f() {
        confirmSession(function () {
            document.getElementById("kc-form-login").submit();
        })
    }
posted @   张占岭  阅读(721)  评论(0编辑  收藏  举报
编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 记一次.NET内存居高不下排查解决与启示
历史上的今天:
2017-10-13 DotNetCore跨平台~配置文件与配置代码如何共存
2017-10-13 DotNetCore跨平台~EFCore废弃了TransactionScope取而代之的Context.Database.BeginTransaction
2015-10-13 Node.js与Sails~项目结构与Mvc实现
2014-10-13 MVVM架构~knockoutjs系列之数组的$index和$data
点击右上角即可分享
微信分享提示