keycloak的登录皮肤theme,可以设置领域全局的,或者每个客户端进行单独设置,这种设计是没有问题的,但有时,一个客户端可能有多种主题,这时,你只能再加个客户端,对应新的主题,但这样不方便日后的统计,因为很多统计维度都是以client为基础的,所以,我们需要在进入登录页时,让开发人员转具体的皮肤参数,然后动态切换皮肤,这个idea不错。
域全局皮肤
客户端个性皮肤
尝试~自定义ThemeSelectorProvider失败
这个应该是keycloak不支持多种皮肤,因为它默认通过default皮肤渲染的,咱们添加的,虽然在spi中注册成功了,但在实现中,并未应用。
- https://stackoverflow.com/questions/72994502/keycloak-theme-selector-provider-create-not-called
- https://github.com/dteleguin/keycloak-dynamic-branding/tree/master/keycloak-freemarker-plus
/**
* 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的值,动态渲染登录皮肤