authentication - Keycloak Angular 2 - 检查认证状态Keycloak对象

我正在我的 Angular 2 项目中实现 Keycloak 身份验证服务。我使用服务进行登录、注销等。

验证用户并注销似乎可行。我现在正在尝试保护一些路线。我现在有一个可用的 AuthGuard。为了检查用户是否登录(在 AuthGuard 中)，我在服务中有一个 isAuthenticated() 方法。这是服务:

import { Injectable } from '@angular/core';

declare let Keycloak: any;

@Injectable()
export class KeycloakService {
  private keycloak = new Keycloak('app/keycloak/keycloak.json');

  constructor() {
    this.keycloak.init({onload: 'check-sso'});
    console.log(this.keycloak);
  }

  public login() {
    this.keycloak.login();
  }

  public logout() {
    this.keycloak.logout();
  }

  public isAuthenticated() {
    return this.keycloak.authenticated;
  }
}

流程:用户登录，用户尝试访问 protected 路由，AuthGuard 检查用户是否通过 isAuthenticated() 登录。

注意:我不想对完整的 Angular 应用程序的用户进行身份验证。仅适用于部分路线。

问题

用户登录后，用户将被重定向到 Angular 应用程序。此后，isAuthenticated() 方法仍然返回 false。原因如下:

我将 Keycloak 对象记录到控制台。我发现了一些我不明白的东西。

登录重定向后的Keycloak对象

登录重定向后的相同 Keycloak 对象(但已扩展)

首先，经过身份验证的属性是假的。展开后，经过身份验证的属性为真。

问题

我尝试维护 Keycloak 对象的方式是否正确？

查阅资料

其他

最佳答案

基于社区在 keycloak's github 中提供的 Angular2 示例您可以发现与 keycloak js 适配器交互的一些差异。主要是对经过身份验证的(可能还有用户名)的实际检查是根据从 init 返回的 promise 完成的。

  static init(): Promise<any> {
    let keycloakAuth: any = new Keycloak('keycloak.json');
    KeycloakService.auth.loggedIn = false;

      return new Promise((resolve, reject) => {
        keycloakAuth.init({ onLoad: 'login-required' })
          .success(() => {
            KeycloakService.auth.loggedIn = true;
            KeycloakService.auth.authz = keycloakAuth;
            KeycloakService.auth.logoutUrl = keycloakAuth.authServerUrl + "/realms/demo/protocol/openid-connect/logout?redirect_uri=/angular2-product/index.html";
            resolve();
          })
          .error(() => {
            reject();
          });
      });
}

也是官方keycloak js adapter's documentation使用 promise 进行认证检查

<head>
    <script src="keycloak.js"></script>
    <script>
        var keycloak = Keycloak();
        keycloak.init().success(function(authenticated) {
            alert(authenticated ? 'authenticated' : 'not authenticated');
        }).error(function() {
            alert('failed to initialize');
        });
    </script>
</head>

关于authentication - Keycloak Angular 2 - 检查认证状态Keycloak对象，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41313734/

authentication - Keycloak Angular 2 - 检查认证状态Keycloak对象

上一篇：angular - 如果我有多个菜单，以编程方式切换菜单？

下一篇：angular - 如何在 Git Pages 中部署 AngularDart 网页？