keycloak - 如何解决我的 angular7 项目中的 keycloak refresh/#state - 我正在使用 keycloak-angular

Question

我还尝试了 Web 来源和有效重定向 URI 的所有不同组合

我通过 keycloak 登录，它不断地在我的本地主机应用程序和这个 url 之间来回重定向我:http://localhost:4200/#state=166446fd-daf6-4b76-b595-583c01c663df&session_state=57ead1f3-bf41-4117-9ddf-75e37c9248e7&code=8692b58b-0868-4762-b82e-acde9911dd34.57ead1f3-bf41-4117-9ddf-75e37c9248e7.1e8b5b9d-b590-453e-b396-62b46c18cc9f

我已经在 firefox 和 chrome 上尝试过，但遇到了同样的问题——它似乎在网络选项卡中寻找 keycloak.json 文件，即使我可以通过 keycloak 登录到正确的领域

获取 http://localhost:4200/keycloak.json 404(未找到)
scheduleTask @ zone.js:2969

错误 Keycloak 初始化期间发生错误。 core.js:1601

未处理的 promise 拒绝:Keycloak 初始化期间发生错误。 ;区域: ;任务: Promise.then ；值:Keycloak 初始化期间发生错误。未定义

static init(): Promise<any> {
    const keycloakAuth: any = Keycloak({
        url: 'http://localhost:8080/auth',
        realm: 'ContractPortal',
        clientId: 'secretkey2',
        'ssl-required': 'external',
        'public-client': true
    });

    KeycloakService.auth.loggedIn = false;

    return new Promise((resolve, reject) => {
        keycloakAuth.init({onLoad: 'login-required'})
            .success(() => {
                console.log(keycloakAuth);
                KeycloakService.auth.loggedIn = true;
                KeycloakService.auth.authz = keycloakAuth;
                KeycloakService.auth.logoutUrl = keycloakAuth.authServerUrl
                    + '/realms/angular_keycloak/protocol/openid-connect/logout?redirect_uri='
                    + document.baseURI;
                resolve();
            })
            .error(() => {
                reject();
            });
    });
}

如果你们中的一个人能指出我解决这个问题的正确方向，那就太好了......

我发现了另一个与我提出的问题类似的问题 link但不确定如何实现此解决方案!这是我的提供商设置 - providers: [
{
provide: APP_INITIALIZER,
useFactory: initializer,
multi: true,
deps: [KeycloakService]
}
],
但是 OP 将以下内容放在他的提供者中 providers: [
KeyCloakService,
AssetService,
{
provide: LocationStrategy,
useClass: PathLocationStrategy
}
]
如果您需要任何其他信息，请告诉我

Answer 1

对于遇到相同问题的任何人 - 我误解了 keycloak.json 文件并且不知道从哪里获取它 - 所以我从 keycloak 导出完整的 json 文件，但这不是你应该如何获取它!

首先，您必须转到您的领域 > 客户端并单击安装

然后下载keycloak OIDC json文件

然后将它放在您的应用程序中的 index.html 文件旁边

这解决了我的问题-希望它可以帮助其他人