2016-11-04 50 views
1

我正在尝试使用角度为2的keycloak。我正在制作一个服务,我在他们的文档中进行操作。但是,即使我连接到我的帐户keycloak网址(auth/realms/wb/account)时,它也会始终返回not authenticatedKeycloak angular 2

declare var Keycloak: any; 

@Injectable() 
export class UserMockService { 

    constructor() { 
     let keycloak: any = new Keycloak('assets/keycloak.json'); 

     keycloak.init().success(function(authenticated) { 
      alert(authenticated ? 'authenticated' : 'not authenticated'); 
     }).error(function() { 
      alert('failed to initialize'); 
     }); 
    } 
} 

是的,它确实找到了json。

{ 
    "realm": "wb", 
    "auth-server-url": "http://192.168.99.100/auth", 
    "ssl-required": "external", 
    "resource": "wb", 
    "public-client": true 
} 

哦是啊,之前我忘了:什么是重定向用户连接到我的应用程序的URL?似乎应该是很容易找到的东西,但他们的文档是如此分散..要使用/ auth/realms/wb /帐户连接,但这是连接到帐户设置的URL。

因此流程是这样的:

  • 用户进入http://192.168.99.100
  • 用户点击登录按钮
  • 用户被重定向到登录URL,在我使用http://192.168.99.100/auth/realms/wb/account的时刻。
  • 用户回来的应用程序和服务的角度告诉我,如果用户登录。

回答

6

,我可以推荐在看看进入官方Angular 2 client app exampleKeycloak GitHub上。

一个月前,我成功创建了一个Keycloak受保护的Angular 2应用程序,使用此示例中的片段。

+1

我觉得这个博客文章稍微冗长些:http://paulbakker.io/java/jwt-keycloak-angular2/ – hakamairi