angular - Keycloak Angular 2

Question

我正在尝试使用 angular 2 的 keycloak。我正在按照他们在文档中所做的方式提供服务。但是，它总是返回 not authenticated，即使我在连接到我的帐户 keycloak url (auth/realms/wb/account) 时已连接。

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/account 进行连接，但这是连接到帐户设置的 url ..

所以流程是这样的:

• 用户转到http://192.168.99.100
• 用户点击登录按钮
• 用户被重定向到登录 URL，此时我使用 http://192.168.99.100/auth/realms/wb/account。
• 用户返回应用程序，angular 服务会告诉我用户是否已登录。

Answer 1

我建议您查看官方 Angular 2 client app example在 Keycloak GitHub 上。

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