angular - 带角度应用的钥匙斗篷

Question

嗨，我写了一个简单的代码，我想集成 keycloak 来保护应用程序。所以这是 app-init.ts 中的代码，我在其中添加了客户端 ID 和领域等配置

import { KeycloakService } from 'keycloak-angular';

export function initializer(keycloak: KeycloakService): () => Promise<any> {
  return (): Promise<any> => {
    return new Promise<void>(async (resolve, reject) => {
      try {
        await keycloak.init({
          config: {
            url: 'http://localhost:8080/auth', // .ie: http://localhost:8080/auth/
            realm: 'Test',
            clientId: 'Client_test' // .ie: account
          },
          loadUserProfileAtStartUp: false,
          initOptions: {
            onLoad: 'login-required',
            checkLoginIframe: false
          },
          bearerExcludedUrls: []
        });
        resolve();
      } catch (error) {
        reject(error);
      }
    });
  };
}

并在 app.module.ts

  providers: [
    {
      provide: APP_INITIALIZER,
      useFactory: initializer,
      multi: true,
      deps: [KeycloakService]
    }
  ],

这是我在 keycloak 中所做的配置：

但是当我构建我的角度项目时我只是得到一个空白页面而没有显示错误我错过了配置中的一步吗？

标签： angularkeycloak