Keycloak angular 2

Question

我正在嘗試使用角度爲2的keycloak。我正在製作一個服務，我在他們的文檔中進行操作。但是，即使我連接到我的帳戶keycloak網址（auth/realms/wb/account）時，它也會始終返回not authenticated。

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的時刻。
• 用戶回來的應用程序和服務的角度告訴我，如果用戶登錄。

Answer 1

，我可以推薦在看看進入官方Angular 2 client app example上Keycloak GitHub上。

一個月前，我成功創建了一個Keycloak受保護的Angular 2應用程序，使用此示例中的片段。