新账户控制台

2020年9月4日 由 Stan Silvert

Keycloak 团队很高兴我们的新账户控制台终于完成了！旧账户控制台仍然可供需要的人使用，但从现在开始，新版本将是默认版本。

这个新控制台是使用 React 和 PatternFly 4 以单页应用程序的形式编写的。

除了现代化的外观和体验之外，我们还使组织可以非常容易地通过自定义主题甚至具有无限功能的自定义页面来个性化控制台。

新账户管理控制台屏幕截图

alt

alt

alt

主题

PatternFly 4 通过其 CSS 变量 系统，使新账户控制台的主题化变得非常容易。您只需调整一些变量，添加您自己的 logo，即可完美定制控制台的主题。

body {
  --pf-global--FontFamily--sans-serif: Comic Sans MS;
  --pf-global--FontFamily--heading--sans-serif: Comic Sans MS;
  --pf-global--BackgroundColor--dark-100: #2B9AF3;
  --pf-global--Color--100: #004080;
}

alt

创建您自己的子页面

您可能已经注意到上面的 “Keycloak Man” 部分。新控制台包含我们最受请求的功能之一：添加和删除子页面的能力。因此，我们使开发和插入您自己的 React 组件并将其添加到账户控制台变得非常容易。

甚至仅使用编辑器就可以构建新页面。除非您想使用更高级的工具，如 JSX 和 Typescript，否则不需要构建步骤。

alt

alt

alt

当然，这个 “Keycloak Man” 主题作为 Keycloak 快速入门在线提供，因此您可以查看所有源代码。

新 Keycloak 功能的中心

新账户控制台是用户配置新 Keycloak 功能（如 WebAuthn 支持）的中心。因此，请在新账户控制台中查找新功能，而不是旧账户控制台。