新しいアカウントコンソール

2020年9月4日 Stan Silvert 著

Keycloakチームは、新しいアカウントコンソールがついに完成したことを嬉しく思っています!古いアカウントコンソールはまだ必要な方のために利用可能ですが、新しいバージョンがこれからはデフォルトになります。

この新しいコンソールは、シングルページアプリケーションとして記述されており、ReactPatternFly 4 を使用しています。

モダンなルックアンドフィールに加えて、組織がカスタムテーマや無制限の機能を持つカスタムページでコンソールをパーソナライズすることを非常に簡単にしました。

新しいアカウント管理コンソールのスクリーンショット

alt

alt

alt

テーマ

PatternFly 4 は、CSS変数のシステムを使用して、新しいアカウントコンソールをテーマ設定することを非常に簡単にします。必要なのは、いくつかの変数を調整し、独自のロゴを追加するだけで、コンソールは完璧にスキンされます。

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」セクションにお気づきかもしれません。新しいコンソールには、最も要望の多かった機能の1つが含まれています。それは、サブページを追加および削除する機能です。そのため、独自の React コンポーネントを開発してプラグインし、アカウントコンソールに追加することを非常に簡単にしました。

エディターだけで新しいページを構築することも可能です。JSXやTypescriptのようなより高度なツールを使用したい場合を除き、ビルドステップは必要ありません。

alt

alt

alt

もちろん、「Keycloak Man」テーマはオンラインで入手可能で、Keycloak Quick Start として提供されているため、すべてのソースを確認できます。

新しいKeycloak機能の本拠地

新しいアカウントコンソールは、WebAuthnサポートのような新しいKeycloak機能のユーザー構成のホームです。したがって、古いコンソールではなく、新しいアカウントコンソールに新しい機能が表示され始めることを期待してください。