Keycloak棱角分明2

Ced*_*Ced 3 keycloak 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');
        });
     }
}
Run Code Online (Sandbox Code Playgroud)

是的确找到了json.

{
  "realm": "wb",
  "auth-server-url": "http://192.168.99.100/auth",
  "ssl-required": "external",
  "resource": "wb",
  "public-client": true
}
Run Code Online (Sandbox Code Playgroud)

哦,是的,在我忘记之前:重定向用户连接到我的应用程序的URL到底是什么?好像它应该是容易找到的东西,但他们的文档是如此分散..目前连接我使用/ auth/realms/wb /帐户,但这是连接到帐户设置的URL ..

所以流程是这样的:

  • 用户访问http://192.168.99.100
  • 用户单击登录按钮
  • 在我使用的那一刻,用户被重定向到登录URL http://192.168.99.100/auth/realms/wb/account.
  • 用户返回应用程序,角度服务告诉我用户是否已登录.

Yur*_*uri 9

我可以推荐一下Keycloak GitHub 上的官方Angular 2客户端应用程序示例.

一个月前,我使用此示例中的片段成功创建了一个Keycloak安全的Angular 2应用程序.

  • 我发现此博客文章更为冗长:http://paulbakker.io/java/jwt-keycloak-angular2/ (2认同)