🍣

【keycloakify】カスタムテーマの為にjarを生成する

2024/10/22に公開

こんにちは投資ロウトです。

背景

keycloakでカスタムテーマを用いて、自社独自の画面を用意したいなどあると思います。
その中でkeycloakifyでjarを生成していきます。

作業

keycloakでカスタムでログインページを作りたい場合は、以下のライブラリがreactでは存在するとのこと。

https://www.keycloakify.dev/

構築手順について

①viteでプロジェクトを作成する(React)

npm create vite@latest

https://ja.vite.dev/guide/

②jarを生成できるように、下記の構築手順に沿って実施をする

https://docs.keycloakify.dev/keycloakify-in-my-codebase/in-your-react-project/in-your-vite-project

③下記コマンドを実行する

npm run build-keycloak-theme

しかしwindowsだと以下のようなエラーが出てしまう。

Apache Maven required. Install it with choco install mv for example

以下からバイナリーファイルをダウンロードする

https://maven.apache.org/download.cgi

以下の記事より、PATHを通す

https://stackoverflow.com/questions/45119595/how-to-add-maven-to-the-path-variable

やったのは、以下の3つ

・M2_HOMEをユーザー変数に追加する
・MAVEN_HOMEをUSER VARIABLESに追加する
・システム変数のPATHにBINフォルダを追加する

しかしVisual Studioのターミナルでは起動されない。

そのため、コマンドプロンプトで「npm run build-keycloak-theme」を実施するとjarファイルが生成される。おそらくPathが通っているからかな?
※VSCodeの再起動は試していない。

と以上となります。

Discussion