如何使用Angular->Spring Boot OAuth2->KeyCloak获得密钥斗篷令牌

Question

我有一个angular应用程序作为前端，spring boot作为后端技术，作为授权服务器，我使用的是KeyClope 12.0.4。

我不想在angular和Spring Boot中使用KeyClope适配器，我想使用普通的oauth2 oauth/token，这样我就可以在不需要太多更改代码的情况下将我的授权服务器从KeyClope更改为okta。

我可以使用postman直接点击KeyClope token_endpoint，并通过传递用户名、密码、客户端_凭据来获取令牌

http://localhost:8080/auth/realms/dev/protocol/openid-connect/token

但是使用角如果我打token_endpoint然后一起我得到了一个不同的问题的CROS，我尝试proxy.config.json在角，也设置web起源*在keycloak，但不工作，但基本上我不想直接打keycloak我想通过Spring引导oAuth2

在'http://127.0.0.1:8080/auth/realms/dev/protocol/openid-连接/标记“来自源”http://127.0.0.1:4200'已被CORS策略阻止：请求的资源上不存在'Access Control Allow Origin'头。登录。组成部分ts:37。

下面是我的application.yml文件

server:
  port: 8181
spring:
  application:
    name: cloudgateway
  security:
     oauth2:
      client:
        registration:
          keycloak:
            client-id: myadmin-service
            client-secret: 4c7388e6-a8d9-403a-a5d4-416be4163b93
            authorization-grant-type: authorization_code
            redirect-uri: "{baseUrl}/login/oauth2/code/{registrationId}"
            provider: keycloak
         provider:
           keycloak:
           token-uri: http://localhost:8080/auth/realms/dev/protocol/openid-connect/token
           issuer-uri: http://localhost:8080/auth/realms/dev
           authorization-uri: http://localhost:8080/auth/realms/dev/protocol/openid-connect/auth
           user-info-uri: http://localhost:8080/auth/realms/dev/protocol/openid-connect/userinfo
         resourceserver:
          jwt:
            issuer-uri: http://localhost:8080/auth/realms/dev
            jwk-set-uri: http://localhost:8080/auth/realms/dev/protocol/openid-connect/certs
 

波姆。xml

<dependencies>
    <dependency>
        <groupId>org.springframework.cloud</groupId>
        <artifactId>spring-cloud-starter-config</artifactId>
    </dependency>
    <dependency>
        <groupId>org.springframework.cloud</groupId>
        <artifactId>spring-cloud-starter-gateway</artifactId>
    </dependency>
    <dependency>
        <groupId>org.springframework.cloud</groupId>
        <artifactId>spring-cloud-starter-netflix-eureka-client</artifactId>
    </dependency>
    <dependency>
        <groupId>org.springframework.cloud</groupId>
        <artifactId>spring-cloud-starter-netflix-hystrix</artifactId>
    </dependency>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-oauth2-client</artifactId>
    </dependency>
    <dependency>
        <groupId>org.springframework.cloud</groupId>
        <artifactId>spring-cloud-starter-security</artifactId>
    </dependency>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-oauth2-resource-server</artifactId>
    </dependency>
    <dependency>
        <groupId>org.projectlombok</groupId>
        <artifactId>lombok</artifactId>
        <optional>true</optional>
    </dependency>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-test</artifactId>
        <scope>test</scope>
        <exclusions>
            <exclusion>
                <groupId>org.junit.vintage</groupId>
                <artifactId>junit-vintage-engine</artifactId>
            </exclusion>
        </exclusions>
    </dependency>
</dependencies>

上面的spring boot缺少什么配置。

Answer 1

您可以将WebSecurity配置为使用JwtAuthenticationToken填充安全上下文（这里和那里都有示例），但这种实现相当糟糕。

我写了一个可移植的OIDC身份验证实现，它的接口几乎和KeycloakAuthentiationToken一样丰富，但与任何OpenID Connect授权服务器兼容：OidcAuthentiation（这里和那里的示例）

在Angular中，我使用angle-auth-oidc-Client，但是angle-oauth2-oidc也应该没问题。

P. S.这个git回购还包含注释，可以轻松地用您选择的验证实现填充JUnit安全上下文（请参见@SusMockOidcAuth，@SusMockJwtAuth或@SusMockKeycloakAuth）