描述：springboot+vue 集成keycloak sso登录到其他服务，如阿里云。
现有条件：
keycloak sso到阿里云已调通，可以获取到登录地址ip+端口/auth/realms/LiveControl/protocol/saml;
springboot+vue服务
预期效果：
1.访问springboot 服务登录页面，输入账号名密码，验证通过，跳转到服务首页》访问登录页面时，不跳转keycloak登录页
2.在服务首页，点击《访问阿里云》按钮，直接无需登录重定向的阿里云首页。
上述需求要怎样实现，springboot，vue怎样配置
分享
关注
http://localhost:8080/login - oauth2/code/keycloak，若使用自定义路径则相应调整）以及阿里云相关地址（如https://*.aliyun.com/*，具体依阿里云集成要求）。在 Spring Boot 项目的pom.xml文件中，添加以下依赖：
<dependency>
<groupId>org.keycloak</groupId>
<artifactId>keycloak - spring - boot - starter</artifactId>
</dependency>
这将引入 Keycloak 与 Spring Boot 集成所需的核心库。
在application.properties文件中添加：
keycloak.auth - server - url = http://your - keycloak - server/auth
keycloak.realm = mySpringAliRealm
keycloak.resource = spring - vue - client
keycloak.credentials.secret = your - client - secret
其中，auth - server - url为 Keycloak 服务器地址，realm为前面创建的 Realm 名称，resource是 Client ID，credentials.secret可在 Client 详情页的 “Credentials” 标签中获取。
创建一个继承自KeycloakWebSecurityConfigurerAdapter的安全配置类：
import org.keycloak.adapters.springsecurity.KeycloakSecurityComponents;
import org.keycloak.adapters.springsecurity.authentication.KeycloakAuthenticationProvider;
import org.keycloak.adapters.springsecurity.config.KeycloakWebSecurityConfigurerAdapter;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.ComponentScan;
import org.springframework.context.annotation.Configuration;
import org.springframework.security.config.annotation.authentication.builders.AuthenticationManagerBuilder;
import org.springframework.security.config.annotation.web.builders.HttpSecurity;
import org.springframework.security.config.annotation.web.configuration.EnableWebSecurity;
import org.springframework.security.core.authority.mapping.SimpleAuthorityMapper;
import org.springframework.security.core.session.SessionRegistryImpl;
import org.springframework.security.web.authentication.session.RegisterSessionAuthenticationStrategy;
import org.springframework.security.web.authentication.session.SessionAuthenticationStrategy;
@Configuration
@EnableWebSecurity
@ComponentScan(basePackageClasses = KeycloakSecurityComponents.class)
public class SecurityConfig extends KeycloakWebSecurityConfigurerAdapter {
@Autowired
public void configureGlobal(AuthenticationManagerBuilder auth) throws Exception {
KeycloakAuthenticationProvider keycloakAuthenticationProvider = keycloakAuthenticationProvider();
// 将Keycloak的角色映射为Spring Security的权限
keycloakAuthenticationProvider.setGrantedAuthoritiesMapper(new SimpleAuthorityMapper());
auth.authenticationProvider(keycloakAuthenticationProvider);
}
@Bean
@Override
protected SessionAuthenticationStrategy sessionAuthenticationStrategy() {
// 注册会话认证策略
return new RegisterSessionAuthenticationStrategy(new SessionRegistryImpl());
}
@Override
protected void configure(HttpSecurity http) throws Exception {
super.configure(http);
http.authorizeRequests()
.antMatchers("/public/**").permitAll()
.anyRequest().authenticated();
}
}
在这个配置类中，configureGlobal方法配置了认证提供者，将 Keycloak 的角色映射为 Spring Security 的权限。sessionAuthenticationStrategy方法定义了会话认证策略，用于管理用户会话。configure方法则配置了哪些路径需要认证，哪些路径可以公开访问。
在 Vue 项目根目录下，通过 npm 或 yarn 安装：
npm install keycloak - js
在 Vue 项目的src/services目录下创建keycloak.service.js文件：
import Keycloak from 'keycloak-js';
let keycloak = null;
const initKeycloak = (onAuthenticatedCallback) => {
const config = {
url: 'http://your-keycloak-server/auth',
realm:'mySpringAliRealm',
clientId:'spring - vue - client'
};
keycloak = Keycloak(config);
keycloak.init({ onLoad: 'login - required' }).then((authenticated) => {
if (authenticated) {
onAuthenticatedCallback();
} else {
console.error('Failed to initialize Keycloak');
}
}).catch((error) => {
console.error('Keycloak initialization failed:', error);
});
};
const login = () => {
keycloak.login();
};
const logout = () => {
keycloak.logout();
};
const getToken = () => {
return keycloak.token;
};
export default {
initKeycloak,
login,
logout,
getToken
};
这个服务文件初始化了 Keycloak 实例，并提供了登录、登出和获取令牌的方法。initKeycloak方法在初始化时，根据配置连接到 Keycloak 服务器，并在认证成功后执行回调函数。
在需要登录功能的 Vue 组件中，如Login.vue：
import keycloakService from '@/services/keycloak.service';
export default {
name: 'LoginComponent',
created() {
keycloakService.initKeycloak(() => {
// 登录成功后的回调，可在此获取用户信息等
const userInfo = keycloakService.keycloak.tokenParsed;
console.log('User info:', userInfo);
});
},
methods: {
handleLogin() {
keycloakService.login();
}
}
}
在组件创建时，调用initKeycloak方法初始化 Keycloak。当用户点击登录按钮时，调用handleLogin方法，触发 Keycloak 的登录流程。
import org.keycloak.admin.client.Keycloak;
import org.keycloak.admin.client.KeycloakBuilder;
import org.keycloak.representations.idm.ClientRepresentation;
public class KeycloakClient {
public static void main(String[] args) {
Keycloak keycloak = KeycloakBuilder.builder()
.serverUrl("http://your - keycloak - server/auth")
.realm("mySpringAliRealm")
.username("admin")
.password("admin")
.clientId("admin - cli")
.build();
ClientRepresentation client = keycloak.realm("mySpringAliRealm").clients().findByClientId("aliyun - client").get(0);
// 假设重定向地址存储在自定义属性中
String aliyunRedirectUrl = client.getAttributes().get("aliyun - redirect - url").get(0);
System.out.println("Aliyun Redirect URL: " + aliyunRedirectUrl);
keycloak.close();
}
}
将上述代码调整为在 Spring Boot 应用中合适的服务或控制器方法，以便在需要时获取地址。
在 Spring Boot 应用中，创建一个控制器方法来处理登录成功后的重定向：
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.PostMapping;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
@Controller
public class LoginController {
@PostMapping("/loginSuccess")
public void loginSuccess(HttpServletResponse response) {
// 获取阿里云重定向地址（假设从配置或其他地方获取）
String aliyunRedirectUrl = "从配置或通过API获取的地址";
try {
response.sendRedirect(aliyunRedirectUrl);
} catch (IOException e) {
e.printStackTrace();
}
}
}
当用户在 Spring Boot 服务页面登录成功后，通过loginSuccess方法获取阿里云重定向地址，并使用HttpServletResponse的sendRedirect方法进行重定向。
org.keycloak相关的日志，如DEBUG级别的日志可提供更多认证过程的详细信息。keycloak - js库正确引入，并且初始化配置与 Keycloak 服务器一致。DEBUG，查看HttpServletResponse的重定向日志，确保重定向过程没有异常。博主，针对您提到的问题，【青云交】精心整理了上面的答案。我在思考和解答过程中花了不少心思，希望这个答案能切实帮到您。如果您觉得满意，还望您能采纳，也期待您能关注我，以后有其他问题，咱们也可以一起探讨～
分享
系统已结题
1月21日
修改了问题
1月16日
赞助了问题酬金15元
1月13日
创建了问题
1月13日