KeyCloak-Angular：多租户应用程序

Question

我已经安装了keycloak-angular包，我使用它的方式如下：https://www.npmjs.com/package/keycloak-angular

问题是，在我的应用程序中，我希望有多租户。这意味着在应用程序加载期间不知道领域名。

在说明中，它说“KeycloakService应该在应用程序加载期间使用APP_INITIALIZER标记初始化”，问题是该领域是由用户给定的，在应用程序初始化期间无法访问。

有什么建议可以建议我如何在应用程序运行时而不是在应用程序加载期间设置域字符串吗？

Answer 1

我已经实现了这一点，通过一个工作周围和默认领域初始化应用程序，首先创建一个预登录页面，该页面用于手动选择realem或通过调用api依赖于用户输入，该页面应该从auth guard中排除，在预登录页面的动作下，将选定的领域保存在本地存储中，并用新的领域再次初始化keycloack服务。应用程序初始化程序代码

return keycloak.init({
  config: {
    url: environment.authUrl,
    realm: window.localStorage.getItem('realm') || 'default',
    clientId: window.localStorage.getItem('client') || 'default',
  },
  initOptions: {
    onLoad: 'check-sso',
    checkLoginIframe: true,
    checkLoginIframeInterval: 5,
  },
  loadUserProfileAtStartUp: true,
  enableBearerInterceptor: true,
});