没有使用keycloak-js创建的Keycloak实例

Question

Keycloak (14.0)被配置用于React+Typescript应用程序和PKCE的使用。

两个月前进行POC的时候，这套装置运作得很好。

但是，现在它甚至无法使用Keycloak 16.1.1版本。

‘’版本总是与服务器版本保持同步。

​

const keycloakConfig = {
    url: 'http://127.0.0.1:8080/auth',
    realm: 'my-realm',
    clientId: 'my-react-app'
}

const keycloak = Keycloak(keycloakConfig);
console.log('keycloak ==>' + JSON.stringify(keycloak));

​

上面的代码现在将输出记录为：keycloak ==>{}

已经花了整整一天的时间来解决这个可能很小但却无法解决的问题。

任何解决这一问题的建议都会受到赞赏。

​

Answer 1

我已经用这个解决了我的项目反应类型记录

    import Keycloak, { KeycloakConfig } from "keycloak-js";

    const initOptions: KeycloakConfig = {
        url: "https://myurl/auth",
        realm: "myrealm",
        clientId: "myclient",
    };

    const keycloak = new Keycloak(initOptions);

    export default keycloak;

以及稍后将所有内容包装成ReactKeycloakProvide

      <React.StrictMode>
            <ReactKeycloakProvider authClient={keycloak}>
                <App />
            </ReactKeycloakProvider>
        </React.StrictMode>