keycloak~登录皮肤动态切换的尝试

keycloak的登录皮肤theme,可以设置领域全局的,或者每个客户端进行单独设置,这种设计是没有问题的,但有时,一个客户端可能有多种主题,这时,你只能再加个客户端,对应新的主题,但这样不方便日后的统计,因为很多统计维度都是以client为基础的,所以,我们需要在进入登录页时,让开发人员转具体的皮肤参数,然后动态切换皮肤,这个idea不错。

域全局皮肤

客户端个性皮肤

尝试~自定义ThemeSelectorProvider失败

这个应该是keycloak不支持多种皮肤,因为它默认通过default皮肤渲染的,咱们添加的,虽然在spi中注册成功了,但在实现中,并未应用。

/**
 * KC目前这个定义是未生效的,目前框架只支持默认的DefaultThemeSelectorProvider
 */
public class MyThemeSelectorProvider implements ThemeSelectorProvider {
  KeycloakSession session;

  public MyThemeSelectorProvider(KeycloakSession session) {
    this.session = session;
  }


  @Override
  public String getThemeName(Theme.Type type) {
    return type.name();
  }

  @Override
  public void close() {
  }
}

public class MyThemeSelectorProviderFactory implements ThemeSelectorProviderFactory {

  @Override
  public ThemeSelectorProvider create(KeycloakSession session) {
    return new MyThemeSelectorProvider(session);
  }

  @Override
  public void init(Config.Scope config) {
  }

  @Override
  public void postInit(KeycloakSessionFactory factory) {
  }

  @Override
  public void close() {
  }

  @Override
  public String getId() {
    return "MyThemeSelectorProvider";
  }
}

  • org.keycloak.theme.ThemeSelectorProviderFactory文件中注册MyThemeSelectorProviderFactory

最终~还是修改了keycloak源码

  • 修改org.keycloak.theme.DefaultThemeSelectorProvider文件getThemeName()方法,添加请求参数即可

最终的使用

  • https://{keycloak}/auth/realms/{realm}/protocol/openid-connect/auth?theme=你的皮肤名&client_id=account&redirect_uri=&response_type=code&scope=openid
  • keycloak会根据路径参数中theme的值,动态渲染登录皮肤
posted @ 2024-05-10 17:42  张占岭  阅读(121)  评论(0编辑  收藏  举报